import { createRouter, createWebHistory } from "vue-router"; import ReportView from "../views/report/ReportView.vue"; import RouteView from "../views/RouteView.vue"; const router = createRouter({ history: createWebHistory(import.meta.env.BASE_URL), routes: [ { path: "/", redirect: "/report/index" }, { path: "/report", name: "Report", component: RouteView, children: [ { path: "index", name: "ReportIndex", component: ReportView, }, { path: "template", name: "ReportTemplate", component: () => import("../views/report/ReportTemplateView.vue"), }, ] }, { path: "/search", name: "Search", component: RouteView, children: [ { path: "index", name: "SearchIndex", component: () => import("../views/search/SearchView.vue") }, { path: "advanced/index", name: "AdvancedSearchIndex", component: () => import("../views/search/AdvancedSearchView.vue"), }, { path: "result", name: "SearchResult", component: () => import("../views/search/SearchResultView.vue") } ] }, { path: "/detail", name: "DetailRoot", component: RouteView, children: [ { path: ":id", name: "Detail", component: () => import("../views/detail/DetailView.vue"), } ] }, { path: "/knowledge-graph", name: "KnowledgeGraph", component: RouteView, children: [ { path: "search", name: "KnowledgeGraph", component: () => import("../views/knowledge-grapn/KnowledgeGraphView.vue") } ] }, { path: "/login", name: "Login", // route level code-splitting // this generates a separate chunk (About.[hash].js) for this route // which is lazy-loaded when the route is visited. component: () => import("../views/LoginView.vue"), }, { path: '/:pathMatch(.*)*', name: 'NotFound', component: () => import("../views/NotFound.vue"), }, ], }); export default router;