Router setup for auth in Vue

router.js

import Vue from 'vue'
import Router from 'vue-router'
import Home from '../views/Home'
import SignIn from '../views/SignIn'
import SignOut from '../views/SignOut'
import Profile from '../views/Profile'
import store from '../store'

Vue.use(Router)

const router = new Router({
  mode: 'history',
  routes: [
    {
      path: '/',
      name: 'home',
      component: Home
    },
    {
      path: '/signin',
      name: 'signin',
      component: SignIn
    },
    {
      path: '/signout',
      name: 'signout',
      component: SignOut
    },
    {
      path: '/profile',
      name: 'profile',
      component: Profile,
      meta: {
        authRequred: true
      }
    }
  ]
})

router.beforeEach((to, from, next) => {
  if (to.matched.some(record => record.meta.authRequred)) {
    if (!store.state.user) {
      next({
        path: '/signin',
        query: { redirect: to.fullPath }
      })
    } else {
      next()
    }
  } else {
    next()
  }
})

export default router