ui_template/src/router/index.ts

import {createRouter, createWebHistory, type Router, type RouteRecordRaw} from 'vue-router'

import HomeView from '../view/HomeView.vue'
import AboutView from '../view/AboutView.vue'
import CommonLayout from '../layout/CommonLayout.vue'

const routes:RouteRecordRaw[] = [
    {
        path: '/',
        name: 'commonLayout',
        component: CommonLayout,
        children: [
            {
                path: '/',
                name: 'home',
                component: HomeView
            },
            {
                path: '/about',
                name: 'about',
                component: AboutView
            },
        ],
    },
]

const router : Router = createRouter({
    history: createWebHistory(),
    routes: routes,
});
export default router