dtm/admin/src/router/index.ts

import { createRouter, createWebHistory, RouteRecordRaw } from 'vue-router'
import { IMenubarList } from '../type/store/layout'
import { components } from './asyncRouter'

const Components: IObject<() => Promise<typeof import('*.vue')>> =
  Object.assign({}, components, {
      LayoutHeader: (() =>
          import('/@/layout/index.vue')) as unknown as () => Promise<
      typeof import('*.vue')
    >,
      LayoutMain: (() =>
          import('/@/layout/aside.vue')) as unknown as () => Promise<
      typeof import('*.vue')
    >
  })

export const allowRouter: Array<IMenubarList> = [
    {
        name: 'Admin',
        path: '/',
        redirect: '/admin/global-transactions/all',
        component: Components['LayoutHeader'],
        meta: { title: 'Admin', activeMenu: '/admin' },
        children: [
            {
                //   name: 'Nodes',
                //   path: '/admin/nodes',
                //   component: Components['LayoutMain'],
                //   meta: { title: 'Nodes' },
                //   children: [
                //     {
                //       name: 'LivingNodes',
                //       path: '/admin/nodes/living',
                //       component: Components['LivingNodes'],
                //       meta: { title: 'Living Nodes' },
                //     }
                //   ]
                // }, {
                name: 'GlobalTransactions',
                path: '/admin/global-transactions',
                component: Components['LayoutMain'],
                meta: { title: 'Global Transactions' },
                children: [
                    {
                        name: 'AllTransactions',
                        path: '/admin/global-transactions/all',
                        component: Components['AllTransactions'],
                        meta: { title: 'All Transactions' }
                        // }, {
                        //   name: 'UnfinishedTransactions',
                        //   path: '/admin/global-transactions/unfinished',
                        //   component: Components['UnfinishedTransactions'],
                        //   meta: { title: 'Unfinished Transactions' },
                    }
                ]
            },
            {
                name: 'KVPairs',
                path: '/admin/kv',
                component: Components['LayoutMain'],
                meta: { title: 'Key-Value Pairs' },
                children: [
                    {
                        name: 'Topics',
                        path: '/admin/kv/topics',
                        component: Components['Topics'],
                        meta: { title: 'Topics' }
                    }
                ]
            }
        ]
    }
]

const router = createRouter({
    history: createWebHistory(window.basePath || undefined),
    routes: allowRouter as RouteRecordRaw[]
})

export default router