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

/**
 * 路由缓存机制:
 * 1. 设置路由的meta属性为{ cache: true }，表示需要缓存
 * 2. App.vue中使用RouteCache组件，通过路由的name来进行匹配
 * 3. 路由的name默认是文件名,如果文件名与name不一致,通过defineOptions({ name: 'componentName' })来设置
 */
const router = createRouter({
	history: createWebHistory('/'),
	//   history: createWebHistory(import.meta.env.VITE_APP_URL),
	routes: [
		{
			path: '/',
			redirect: '/index'
		},
		{
			path: '/index',
			name: 'index',
			component: () => import('../views/login/index.vue'),
		},
		{
			path: '/login',
			name: 'login',
			component: () => import('../views/login/login.vue'),
		},
		{
			path: '/register',
			name: 'register',
			component: () => import('../views/login/register.vue'),
		},
		{
			path: '/home',
			name: 'home',
			component: () => import('../views/home/index.vue'),
			children: [
				{
					path: 'test',
					name: 'test',
					component: () => import('../views/home/test.vue'),
					meta: { topNavStyle: '2' }
				}
			]
		},
		{
			path: '/:pathMatch(.*)',
			name: '404',
			component: () => import('../views/404.vue'),
		}
	]
})

export default router