chore(router): async import routes in web pages

Novout · Dec 1, 2021 · 7dc7a8c · 7dc7a8c
1 parent ef2a090
commit 7dc7a8c
Showing 1 changed file with 13 additions and 5 deletions.
diff --git a/src/router.ts b/src/router.ts
@@ -4,19 +4,27 @@ import {
   createWebHistory,
 } from 'vue-router'
 import isElectron from 'is-electron'
-import Landing from '@/pages/Landing.vue'
 import Editor from '@/pages/Editor.vue'
-import ErrorPage from '@/pages/404.vue'
+import { defineAsyncComponent } from 'vue'
 
 const electronRoutes = [
   { path: '/', component: Editor },
   { path: '/:pathMatch(.*)*', redirect: '/' },
 ]
 
 const webRoutes = [
-  { path: '/', component: Editor },
-  { path: '/landing', component: Landing },
-  { path: '/:pathMatch(.*)*', component: ErrorPage },
+  {
+    path: '/',
+    component: defineAsyncComponent(() => import('@/pages/Editor.vue')),
+  },
+  {
+    path: '/landing',
+    component: defineAsyncComponent(() => import('@/pages/Landing.vue')),
+  },
+  {
+    path: '/:pathMatch(.*)*',
+    component: defineAsyncComponent(() => import('@/pages/404.vue')),
+  },
 ]
 
 export default createRouter({