import type { RouteRecordRaw } from 'vue-router'
import { safeAsyncComponent } from '@/utils/component-guard'

/* 页面中的一些固定路由，错误页等 */
export const routes: RouteRecordRaw[] = [
  {
    path: '/',
    name: 'root',
    redirect: '/appRoot',
    children: [
    ],
  },
  {
    path: '/login',
    name: 'login',
    component: safeAsyncComponent(
      () => import('@/views/login/index.vue'),
      { delay: 0, timeout: 8000 },
    ),
    meta: {
      title: '登录',
      withoutTab: true,
    },
  },
  {
    path: '/403',
    name: '403',
    component: safeAsyncComponent(
      () => import('@/views/error/403/index.vue'),
      { delay: 0, timeout: 5000 },
    ),
    meta: {
      title: '用户无权限',
      withoutTab: true,
    },
  },
  {
    path: '/404',
    name: '404',
    component: safeAsyncComponent(
      () => import('@/views/error/404/index.vue'),
      { delay: 0, timeout: 5000 },
    ),
    meta: {
      title: '找不到页面',
      icon: 'icon-park-outline:ghost',
      withoutTab: true,
    },
  },
  {
    path: '/500',
    name: '500',
    component: safeAsyncComponent(
      () => import('@/views/error/500/index.vue'),
      { delay: 0, timeout: 5000 },
    ),
    meta: {
      title: '服务器错误',
      icon: 'icon-park-outline:close-wifi',
      withoutTab: true,
    },
  },
  {
    path: '/:pathMatch(.*)*',
    component: safeAsyncComponent(
      () => import('@/views/error/404/index.vue'),
      { delay: 0, timeout: 5000 },
    ),
    name: 'notFound',
    meta: {
      title: '找不到页面',
      icon: 'icon-park-outline:ghost',
      withoutTab: true,
    },
  },

]