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
| import { createRouter<%
| if (historyMode) {
| %>, createWebHistory<%
| } else {
| %>, createWebHashHistory<%
| }
|
| if (hasTypeScript) {
| %>, RouteRecordRaw<%
| }
| %> } from 'vue-router'
| import Home from '../views/Home.vue'
|
| const routes<% if (hasTypeScript) { %>: Array<RouteRecordRaw><% } %> = [
| {
| path: '/',
| name: 'Home',
| component: Home
| },
| {
| path: '/about',
| name: 'About',
| // route level code-splitting
| // this generates a separate chunk (about.[hash].js) for this route
| // which is lazy-loaded when the route is visited.
| <%_ if (doesCompile) { _%>
| component: () => import(/* webpackChunkName: "about" */ '../views/About.vue')
| <%_ } else { _%>
| component: function () {
| return import(/* webpackChunkName: "about" */ '../views/About.vue')
| }
| <%_ } _%>
| }
| ]
|
| const router = createRouter({
| <%_ if (historyMode) { _%>
| history: createWebHistory(process.env.BASE_URL),
| <%_ } else { _%>
| history: createWebHashHistory(),
| <%_ } _%>
| routes
| })
|
| export default router
|
|