/* eslint-disable @typescript-eslint/promise-function-async */
/* eslint-disable @typescript-eslint/explicit-function-return-type */
import('../view/index/index.vue')

const index = () => import(/* webpackChunkName: "index" */ '../view/index/index.vue')
const example = () => import(/* webpackChunkName: "example" */ '../view/example/index.vue')
const exampleChild  = () => import(/* webpackChunkName: "exampleChild" */ '../view/example/exampleChild/index.vue')
const exampleHiddenPage  = () => import(/* webpackChunkName: "exampleHiddenPage" */ '../view/example/exampleHiddenPage/index.vue')
const exampleHiddenBread  = () => import(/* webpackChunkName: "exampleHiddenPage" */ '../view/example/exampleHiddenBread/index.vue')
const exampleCustomMenu  = () => import(/* webpackChunkName: "exampleHiddenPage" */ '../view/example/exampleCustomMenu/index.vue')
const exampleSecond  = () => import(/* webpackChunkName: "exampleSecond" */ '../view/example/exampleSecond/index.vue')

// 遵循VueRoute语法规范
const routerConfig = [
  {
    path: '/',
    redirect: 'index/example',
  },
  {
    path: '/index',
    name: 'index',
    component: index,
    redirect: 'index/example',
    children: [
      {
        path: 'example',
        name: 'example',
        component: example,
        meta: {
          title: '菜单1'
        },
      },
      {
        path: 'example2',
        name: 'example2',
        component: exampleSecond,
        meta: {
          title: '菜单2'
        },
      },
      {
        path: 'example/child',
        name: 'exampleChild',
        component: exampleChild,
        meta: {
          title: '菜单1-1',
          belong: 'example' ,  // 子路由标识
        }
      },
      {
        path: 'example/hiddenPage',
        name: 'exampleHiddenPage',
        component: exampleHiddenPage,
        meta: {
          title: '隐藏主菜单',
          belong: 'example' ,  // 子路由标识
          showMenuTitle: true,   // 是否展示菜单标题 
          showMenu: false,  // 是否隐藏菜单模块
          // showBread: false,  // 是否展示面包屑
        }
      },
      {
        path: 'example/hiddenBread',
        name: 'exampleHiddenBread',
        component: exampleHiddenBread,
        meta: {
          title: '隐藏面包屑',
          belong: 'example' ,  // 子路由标识
          // showMenuTitle: true,   // 是否展示菜单标题 
          // showMenu: false,  // 是否隐藏菜单模块
          showBread: false,  // 是否展示面包屑
        }
      },
      {
        path: 'example/exampleCustomMenu',
        name: 'exampleCustomMenu',
        component: exampleCustomMenu,
        meta: {
          title: '自定义菜单',
          belong: 'example' ,  // 子路由标识
          // showMenuTitle: true,   // 是否展示菜单标题 
          // showMenu: false,  // 是否隐藏菜单模块
          // showBread: false,  // 是否展示面包屑
          breadcrumbs:[
            {
              name : 'example',
              title : '隐藏菜单(自定义)',
            },
            {
              name: 'exampleHiddenBread',
              title: '自定义菜单内容(自定义)',
            },
            {
              name: 'exampleHiddenPage',
              title: '自定义菜单内容Demo(自定义)',
            },
            
          ]
        }
      },
      {
        path: 'example/child2',
        name: 'exampleChild2',
        component: exampleChild,
        meta: {
          title: '菜单2-1',
          belong: 'example2' ,  // 子路由标识
        }
      },
      

    ]
  }
]


export default routerConfig ;