Vue Router checking for authenticated

router.js

import Store from '@/store'; // Vuex.store

// Check for auth routes:
const guardAuthRoutes = (to, from, next) => {
  const matchedRoutes = to.matched;
  const isLoggedIn = Store.state.Auth.isLoggedIn;
  if (matchedRoutes.some(route => route.meta.auth === true) && !isLoggedIn) {
    return next({ name: 'login' });
  }

  next();
}

// Check for guest routes:
const guardGuestRoutes = (to, from, next) => {
  const matchedRoutes = to.matched;
  const isLoggedIn = Store.state.Auth.isLoggedIn;
  if (matchedRoutes.some(route => route.meta.guest === true) && isLoggedIn) {
    return next({ name: 'home' });
  }
  
  next();
};

router.beforeEach(guardGuestRoutes);
router.beforeEach(guardAuthRoutes);