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

const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes: [
    {
      path: '/',
      name: 'layout',
      component: () => import('@/layouts/index.vue'),
      redirect: '/home',
      children: [
        {
          path: '/home',
          name: 'home',
          component: () => import('@/views/home/index.vue')
        },
        {
          path: '/system',
          name: 'system',
          component: () => import('@/views/system/index.vue'),
          redirect: '/system/user',
          children: [
            {
              path: 'user',
              name: 'user',
              component: () => import('@/views/system/user/index.vue')
            },
            {
              path: 'role',
              name: 'role',
              component: () => import('@/views/system/role/index.vue')
            },
            {
              path: 'permission',
              name: 'permission',
              component: () => import('@/views/system/permission/index.vue')
            },
          ]
        },
      ]
    },
    

  ]
})

export default router