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

import HomeView from '../view/HomeView.vue'
import AboutView from '../view/AboutView.vue'
import UserLayout from '../layout/UserLayout.vue'
import AdminLayout from "../layout/AdminLayout.vue";
import UserView from "../view/UserView.vue";
import {
    HomeFilled,
    Menu,
    User,
} from '@element-plus/icons-vue'

export const userRoutes:RouteRecordRaw[] = [
    {
        path: '/',
        name: 'commonLayout',
        component: UserLayout,
        children: [
            {
                path: '/',
                name: 'home',
                component: HomeView,
                meta: {
                    title: '首页',
                    icon: HomeFilled
                }
            },
            {
                path: '/about',
                name: 'about',
                component: AboutView,
                meta: {
                    title: '关于',
                    icon: Menu
                }
            },
        ],
    },
]
export const adminRoutes:RouteRecordRaw[] = [
    {
        path: '/admin',
        name: 'adminLayout',
        component: AdminLayout,
        children:[
            {
                path: '/admin/users',
                name: 'users',
                component: UserView,
                meta:{
                    title: '用户管理',
                    icon: User
                }
            },
            {
                path:'/admin/other',
                name:'other',
                component: AdminLayout,
                meta:{
                    title: '其他',
                    icon: Menu
                }
            }
        ]
    }
]

const router : Router = createRouter({
    history: createWebHistory(),
    routes: [...userRoutes,...adminRoutes],
});
export default router