en-shoubo-pc/src/router/index.ts

import { createRouter, createWebHashHistory } from "vue-router";
import Layout from "@/components/Layout/index.vue";

const router = createRouter({
  history: createWebHashHistory(import.meta.env.BASE_URL),
  routes: [
    {
      path: "/",
      name: "layout",
      component: Layout,
      redirect: "/Layout/home",
      children: [
        {
          path: "/Layout/home",
          name: "Home",
          component: () => import("../views/Home/index.vue"),
        },
        {
          path: "/Layout/visit",
          name: "Visit",
          redirect: "/Layout/visit/8",
          component: () => import("../views/Visit/index.vue"),
          children: [
            {
              path: "/Layout/visit/8",
              name: "Calendar",
              component: () => import("../views/Visit/Calendar/index.vue"),
            },
            {
              path: "/Layout/visit/1",
              name: "Direction",
              component: () => import("../views/Visit/Direction/index.vue"),
            },
            {
              path: "/Layout/visit/2",
              name: "Reservation",
              component: () => import("../views/Visit/Reservation/index.vue"),
            },
            {
              path: "/Layout/visit/3",
              name: "Plans",
              component: () => import("../views/Visit/Plans/index.vue"),
            },
            {
              path: "/Layout/visit/4",
              name: "Guide",
              component: () => import("../views/Visit/Guide/index.vue"),
            },
            {
              path: "/Layout/visit/5",
              name: "Accessibility",
              component: () => import("../views/Visit/Accessibility/index.vue"),
            },
            {
              path: "/Layout/visit/6",
              name: "Shop",
              component: () => import("../views/Visit/Shop/index.vue"),
            },
            {
              path: "/Layout/visit/7",
              name: "Guidelines",
              component: () => import("../views/Visit/Guidelines/index.vue"),
            },
          ],
        },
        {
          path: "/Layout/Exhibitions/:type",
          name: "Exhibitions",
          component: () => import("../views/Exhibitions/index.vue"),
        },
        {
          path: "/Layout/ExhibitionsInfo",
          name: "ExhibitionsDetail",
          component: () => import("../views/Exhibitions/Detail/index.vue"),
        },
        {
          path: "/Layout/Collections/:type",
          name: "Collections",
          component: () => import("../views/Collections/index.vue"),
        },
        {
          path: "/Layout/LearnEngage",
          name: "LearnEngage",
          redirect: "/Layout/LearnEngage/Students",
          component: () => import("../views/LearnEngage/index.vue"),
          children: [
            {
              path: "/Layout/LearnEngage/:type",
              name: "LearnEngageList",
              component: () => import("../views/LearnEngage/List/index.vue"),
            },
            {
              path: "/Layout/LearnEngageInfo",
              name: "LearnEngageDetail",
              component: () => import("../views/LearnEngage/Detail/index.vue"),
            },
          ],
        },
        {
          path: "/Layout/Publications",
          name: "Publications",
          redirect: "/Layout/Publications/1",
          component: () => import("../views/Publications/index.vue"),
          children: [
            {
              path: "/Layout/Publications/1",
              name: "PublicationsMagazines",
              component: () =>
                import("../views/Publications/Magazines/index.vue"),
            },
            {
              path: "/Layout/Publications/2",
              name: "PublicationsCatalogues",
              component: () =>
                import("../views/Publications/Catalogues/index.vue"),
            },
            {
              path: "/Layout/PublicationsInfo",
              name: "PublicationsDetail",
              component: () => import("../views/Publications/Detail/index.vue"),
            },
          ],
        },
        {
          path: "/Layout/JoinSupport",
          name: "JoinSupport",
          redirect: "/Layout/JoinSupport/Volunteer",
          component: () => import("../views/JoinSupport/index.vue"),
          children: [
            {
              path: "/Layout/JoinSupport/Volunteer",
              name: "Volunteer",
              component: () =>
                import("../views/JoinSupport/Volunteer/index.vue"),
            },
            {
              path: "/Layout/JoinSupport/VolunteerInfo",
              name: "VolunteerDetail",
              component: () =>
                import("../views/JoinSupport/Volunteer/detail.vue"),
            },

            {
              path: "/Layout/JoinSupport/Give",
              name: "Give",
              component: () => import("../views/JoinSupport/Give/index.vue"),
            },
            {
              path: "/Layout/JoinSupport/GiveInfo",
              name: "GiveDetail",
              component: () => import("../views/JoinSupport/Give/detail.vue"),
            },
          ],
        },
        {
          path: "/Layout/About",
          name: "About",
          component: () => import("../views/About/index.vue"),
        },
        {
          path: "/Layout/Search",
          name: "Search",
          component: () => import("../views/Search/index.vue"),
        },
        {
          path: "/Layout/Index",
          name: "SiteIndex",
          component: () => import("../views/Site/index.vue"),
        },
      ],
    },
  ],
});

export default router;