dootask/resources/assets/js/routes.js

export default [
    {
        name: 'index',
        path: '/',
        component: () => import('./pages/index.vue')
    },
    {
        name: 'pro',
        path: '/pro',
        component: () => import('./pages/pro.vue'),
    },
    {
        name: 'manage',
        path: '/manage',
        component: () => import('./pages/manage.vue'),
        children: [
            {
                name: 'manage-dashboard',
                path: 'dashboard',
                component: () => import('./pages/manage/dashboard.vue'),
            },
            {
                name: 'manage-calendar',
                path: 'calendar',
                component: () => import('./pages/manage/calendar.vue'),
            },
            {
                name: 'manage-messenger',
                path: 'messenger/:dialogAction?',
                component: () => import('./pages/manage/messenger.vue'),
            },
            {
                name: 'manage-setting',
                path: 'setting',
                component: () => import('./pages/manage/setting/index.vue'),
                children: [
                    {
                        name: 'manage-setting-personal',
                        path: 'personal',
                        component: () => import('./pages/manage/setting/personal.vue'),
                    },
                    {
                        name: 'manage-setting-language',
                        path: 'language',
                        component: () => import('./pages/manage/setting/language.vue'),
                    },
                    {
                        name: 'manage-setting-password',
                        path: 'password',
                        component: () => import('./pages/manage/setting/password.vue'),
                    },
                    {
                        name: 'manage-setting-system',
                        path: 'system',
                        component: () => import('./pages/manage/setting/system.vue'),
                    },
                ]
            },
            {
                name: 'manage-project-invite',
                path: 'project/invite',
                component: () => import('./pages/manage/projectInvite.vue'),
            },
            {
                name: 'manage-project',
                path: 'project/:projectId',
                component: () => import('./pages/manage/project.vue'),
            },
            {
                name: 'manage-file',
                path: 'file/:folderId?/:fileId?',
                component: () => import('./pages/manage/file.vue'),
            },
        ]
    },
    {
        name: 'single-file-msg',
        path: '/single/file/msg/:msgId',
        component: () => import('./pages/single/fileMsg.vue'),
    },
    {
        name: 'single-file-task',
        path: '/single/file/task/:fileId',
        component: () => import('./pages/single/fileTask.vue'),
    },
    {
        name: 'single-file',
        path: '/single/file/:codeOrFileId',
        component: () => import('./pages/single/file.vue'),
    },
    {
        name: 'single-task',
        path: '/single/task/:taskId',
        component: () => import('./pages/single/task.vue'),
    },
    {
        name: 'valid-email',
        path: '/single/valid/email',
        component: () => import('./pages/single/validEmail.vue')
    },
    {
        name: 'report-edit',
        path: '/single/report/edit/:reportEditId',
        component: () => import('./pages/single/reportEdit.vue')
    },
    {
        name: 'report-detail',
        path: '/single/report/detail/:reportDetailId',
        component: () => import('./pages/single/reportDetail.vue')
    },
    {
        name: 'token',
        path: '/token',
        component: () => import('./pages/token.vue'),
    },
    {
        name: 'login',
        path: '/login',
        component: () => import('./pages/login.vue'),
    },
    {
        name: '404',
        path: '*',
        component: () => import('./pages/404.vue')
    },
]