perf: lazyload components in router

nonebot · Dec 25, 2023 · f14c722 · f14c722
1 parent 4903607
commit f14c722
Showing 1 changed file with 4 additions and 8 deletions.
diff --git a/src/router.ts b/src/router.ts
@@ -1,27 +1,23 @@
 import { createRouter, createWebHistory } from "vue-router";
 
-import Home from "@/views/Home.vue";
-import NotFound from "@/views/NotFound.vue";
-import PluginPage from "@/views/PluginPage.vue";
-
 const routes = [
   {
     path: "/",
-    component: Home,
+    component: () => import("@/views/Home.vue"),
   },
   {
     path: "/search",
-    component: Home,
+    component: () => import("@/views/Home.vue"),
     props: (route: { query: { q: string } }) => ({ query: route.query.q }),
   },
   {
     path: "/plugin/:path",
-    component: PluginPage,
+    component: () => import("@/views/PluginPage.vue"),
     props: true,
   },
   {
     path: "/:pathMatched(.*)*",
-    component: NotFound,
+    component: () => import("@/views/NotFound.vue"),
     props: (route: { params: { pathMatched: string } }) => ({
       pathMatched: `/${route.params.pathMatched}`,
     }),