From 74aaa8f806ae1d11829163e8a88424644b88718d Mon Sep 17 00:00:00 2001 From: Timi Date: Tue, 22 Jul 2025 14:42:40 +0800 Subject: [PATCH] async import page component --- src/router/index.ts | 16 +++++++++------- src/router/repository.ts | 38 +++++++++++--------------------------- 2 files changed, 20 insertions(+), 34 deletions(-) diff --git a/src/router/index.ts b/src/router/index.ts index e5801d3..c63ccfa 100644 --- a/src/router/index.ts +++ b/src/router/index.ts @@ -1,7 +1,4 @@ -import IndexLayout from "@/layout/IndexLayout.vue"; -import RepositoryList from "@/views/index/RepositoryList.vue"; -import RepositoryLog from "@/views/index/RepositoryLog.vue"; -import {createRouter, createWebHistory} from "vue-router"; +import { createRouter, createWebHistory } from "vue-router"; import repository from "./repository"; export default createRouter({ @@ -11,17 +8,22 @@ export default createRouter({ // 主路由 path: "/", name: "IndexLayout", - component: IndexLayout, + component: () => import("@/layout/IndexLayout.vue"), children: [ { path: "/", name: "RepositoryList", - component: RepositoryList + component: () => import("@/views/index/RepositoryList.vue") }, { path: "/log", name: "RepositoryLog", - component: RepositoryLog + component: () => import("@/views/index/RepositoryLog.vue") + }, + { + path: "/about", + name: "About", + component: () => import("@/views/index/About.vue") } ] }, diff --git a/src/router/repository.ts b/src/router/repository.ts index 017ea87..7d168cb 100644 --- a/src/router/repository.ts +++ b/src/router/repository.ts @@ -1,23 +1,12 @@ -import RepositoryLayout from "@/layout/RepositoryLayout.vue"; -import CommitLog from "@/views/repository/CommitLog.vue"; -import FileDetail from "@/views/repository/FileDetail.vue"; -import IssueDetail from "@/views/repository/IssueDetail.vue"; -import IssueEdit from "@/views/repository/IssueEdit.vue"; -import IssueList from "@/views/repository/IssueList.vue"; -import MergeDetail from "@/views/repository/MergeDetail.vue"; -import MergeEdit from "@/views/repository/MergeEdit.vue"; -import MergeList from "@/views/repository/MergeList.vue"; -import ReleaseList from "@/views/repository/ReleaseList.vue"; - export default { path: "/:repository", name: "RepositoryLayout", - component: RepositoryLayout, + component: () => import("@/layout/RepositoryLayout.vue"), children: [ { path: ":branch", name: "FileDetail", - component: FileDetail, + component: () => import("@/views/repository/FileDetail.vue"), meta: { keepAlive: true } @@ -25,47 +14,42 @@ export default { { path: "commits", name: "CommitLog", - component: CommitLog + component: () => import("@/views/repository/CommitLog.vue") }, { path: "issues", name: "IssueList", - component: IssueList - }, - { - path: "issues", - name: "IssueList", - component: IssueList + component: () => import("@/views/repository/IssueList.vue") }, { path: "issues/edit/:id?", name: "IssueEdit", - component: IssueEdit + component: () => import("@/views/repository/IssueEdit.vue") }, { path: "issues/:id", name: "IssueDetail", - component: IssueDetail + component: () => import("@/views/repository/IssueDetail.vue") }, { path: "merges", name: "MergeList", - component: MergeList + component: () => import("@/views/repository/MergeList.vue") }, { path: "merges/edit/:id?", name: "MergeEdit", - component: MergeEdit + component: () => import("@/views/repository/MergeEdit.vue") }, { path: "merges/:id", name: "MergeDetail", - component: MergeDetail + component: () => import("@/views/repository/MergeDetail.vue") }, { path: "releases", name: "ReleaseList", - component: ReleaseList + component: () => import("@/views/repository/ReleaseList.vue") } ] -}; \ No newline at end of file +};