vue-router two views for one route

routers.js

import VueRouter from 'vue-router'

import Index from './components/Index'
import Dashboard from './components/Dashboard'
import authentificate from './auth'


const routes = [
  { path: '/', name: 'index', component: Index, beforeEnter: check_if_auth },
  { path: '/', name: 'dashboard', component: Dashboard, beforeEnter: check_if_auth }
]

const router = new VueRouter({
    mode: 'history',
  routes
})

export default router


function check_if_auth(to, from, next) {
  /**
   * Implements an interesting feature. When user isn't logged in, he sees
   * the main page of the site and component `Index`. But when user is logged
   * in, he sees the page of the `dashboard` site and component `Dashboard`.
   */
  if (to.name === 'index' && authentificate()) {
    next({ name: 'dashboard' })
  }
  else if (to.name === 'dashboard' && !authentificate()) {
    next({ name: 'index' })
  }
  else {
    next()
  }
}