import Vue from 'vue'; import Router from 'vue-router'; import ROUTES from '@/utils/constants/routerConstants'; import Login from '@/views/Login.vue'; import Register from '@/views/Register.vue'; import Dashboard from '@/views/Dashboard.vue'; import AccountArea from '@/components/dashboard/account/AccountArea.vue'; import ProjectDetails from '@/components/projectDetails/ProjectDetailsArea.vue'; Vue.use(Router); export default new Router({ mode: 'history', routes: [ { path: ROUTES.LOGIN.path, name: ROUTES.LOGIN.name, component: Login }, { path: ROUTES.REGISTER.path, name: ROUTES.REGISTER.name, component: Register }, { path: ROUTES.DASHBOARD.path, name: ROUTES.DASHBOARD.name, component: Dashboard, children: [ { path: '/account-settings', name: 'AccountSettings', component: AccountArea }, { path: '/project-details', name: 'ProjectDetails', component: ProjectDetails } ] } ] });