VueJs set body class router middleware

router.js

// Set body class from meta property bodyClass
router.beforeEach((to, from, next) => {
  const getBodyClass = (acc, routeRecord) => {
    if (routeRecord.meta && routeRecord.meta.bodyClass) { acc.push(routeRecord.meta.bodyClass) }
    return acc
  }
  const prevBodyClass = from.matched.reduce(getBodyClass, [])
  const newBodyClass = to.matched.reduce(getBodyClass, [])

  prevBodyClass.forEach(c => {
    document.body.classList.remove(c)
  })
  newBodyClass.forEach(c => {
    document.body.classList.add(c)
  })

  next()
})