router.options.ts
2.26 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
import type { RouterConfig } from '@nuxt/schema'
import type { RouteRecordRaw } from 'vue-router'
const emailRouteComponent = () => import('@/pages/apps/email/index.vue')
// 👉 Redirects
const redirects: RouteRecordRaw[] = [
// ℹ️ We are redirecting to different pages based on role.
// NOTE: Role is just for UI purposes. ACL is based on abilities.
{
path: '/',
name: 'index',
redirect: '/login', // Default redirect
component: h('div'),
},
{
path: '/pages/user-profile',
name: 'pages-user-profile',
redirect: () => ({ name: 'pages-user-profile-tab', params: { tab: 'profile' } }),
},
{
path: '/pages/account-settings',
name: 'pages-account-settings',
redirect: () => ({ name: 'pages-account-settings-tab', params: { tab: 'account' } }),
},
{
path: '/naputpro/beranda',
name: 'naputpro-beranda',
redirect: () => ({ name: 'naputpro-beranda-tab', params: { tab: 'profile' } }),
},
]
const routes: RouteRecordRaw[] = [
// Email filter
{
path: '/apps/email/filter/:filter',
name: 'apps-email-filter',
component: emailRouteComponent,
meta: {
navActiveLink: 'apps-email',
layoutWrapperClasses: 'layout-content-height-fixed',
},
},
// Email label
{
path: '/apps/email/label/:label',
name: 'apps-email-label',
component: emailRouteComponent,
meta: {
// contentClass: 'email-application',
navActiveLink: 'apps-email',
layoutWrapperClasses: 'layout-content-height-fixed',
},
},
{
path: '/dashboards/logistics',
name: 'dashboards-logistics',
component: () => import('@/pages/apps/logistics/dashboard.vue'),
},
{
path: '/dashboards/academy',
name: 'dashboards-academy',
component: () => import('@/pages/apps/academy/dashboard.vue'),
},
{
path: '/apps/ecommerce/dashboard',
name: 'apps-ecommerce-dashboard',
component: () => import('@/pages/dashboards/ecommerce.vue'),
},
]
// https://router.vuejs.org/api/interfaces/routeroptions.html
export default <RouterConfig>{
routes: scannedRoutes => [
...redirects,
...routes,
...scannedRoutes,
],
scrollBehaviorType: 'smooth',
scrollBehavior(to) {
if (to.hash)
return { el: to.hash, behavior: 'smooth', top: 60 }
return { top: 0 }
},
}