2018-countdown-router

router.js

const secureRoute = (to, from, next) => {
  const currentRoute = to.path;
  if (from.path === '/wait') {
    next();
  }else {
    next('/wait');
    firebase.auth().onAuthStateChanged((user) => {
      if(user) {
        next(currentRoute);
      } else {
        next('/auth');
      }
    });
  }
}
const routes = [
  {
    // The main page for users
    path: '/',
    component: Game,
    beforeEnter: secureRoute
  },
  {
    // The page to display when the countdown is over
    path: '/final',
    component: Final
  },
  {
    // The page to show when the user is waiting for his connection
    path: '/wait',
    component: Wait
  },
  {
    // The page of authentication
    path: '/auth',
    component: Auth
  },
  {
    // The main screen with the countdown
    path: '/countdown',
    component: Countdown,
    beforeEnter: secureRoute
  }
]