web-faq/src/router/index.ts

import { createRouter, createWebHistory } from 'vue-router'

const MainLayout = () => import("@/views/MainLayout.vue");
const Metadata = () => import("@/modules/01_metadata/views/Main.vue");
const Organizational = () => import("@/modules/02_organizational/views/Main.vue");
const Registration = () => import("@/modules/03_registration/views/Main.vue");




const Contact = () => import("@/modules/00_contact/views/Main.vue");

const Maintenance = () => import("@/modules/001_Maintenance/views/Main.vue");

const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes: [
    {
      path: '/',
      name: 'home',
      component: MainLayout,
      children:[
        {
          path: "/metadata",
          name: "metadata",
          component: Metadata,
        },
        {
          path: "/organizational",
          name: "organizational",
          component: Organizational,
        },

        {
          path: "/registration",
          name: "registration",
          component: Registration,
        },

        {
          path: "/contact",
          name: "contact",
          component: Contact,
        },
        {
          path: "/maintenance",
          name: "maintenance",
          component: Maintenance,
        },
      ]
    },
  ]
})

export default router;