export const routes = [ { path: '/', component: () => import('@/layouts/chart/ChartLayout.vue'), children: [ { name: 'App', path: '/', // route level code-splitting // this generates a separate chunk (about.[hash].js) for this route // which is lazy-loaded when the route is visited. component: () => import('@/components/chart/ChartPlaceOrder.vue'), }, { name: 'Shared', path: '/shared/:code', component: () => import('@/components/chart/Shared.vue') }, { name: 'Order', path: '/order', // route level code-splitting // this generates a separate chunk (about.[hash].js) for this route // which is lazy-loaded when the route is visited. component: () => import('@/components/chart/ChartPlaceOrder.vue'), }, { name: 'Assets', path: '/assets', // route level code-splitting // this generates a separate chunk (about.[hash].js) for this route // which is lazy-loaded when the route is visited. component: () => import('@/components/chart/ChartVault.vue'), }, { name: 'Status', path: '/status', // route level code-splitting // this generates a separate chunk (about.[hash].js) for this route // which is lazy-loaded when the route is visited. component: () => import('@/components/chart/ChartStatus.vue'), }, ], }, ]