const componentsRouter: any = [
    {
        path: '/component',
        name: 'component',
        redirect: 'component/color',
        component: () => import(/* webpackChunkName: "about" */ '@/views/components/components.vue'),
        children: [
            {
                path: 'color',
                name: 'color',
                component: (r: any) => require.ensure([], () => r(require('@/components/component/color.md'))),
            },
            {
                path: 'typography',
                name: 'typography',
                component: (r: any) => require.ensure([], () => r(require('@/components/component/typography.md'))),
            },
            {
                path: 'button',
                name: 'button',
                component: (r: any) => require.ensure([], () => r(require('@/components/component/button.md'))),
            },
            {
                path: 'table',
                name: 'table',
                component: (r: any) => require.ensure([], () => r(require('@/components/component/table.md'))),
            },
            {
                path: 'page',
                name: 'page',
                component: (r: any) => require.ensure([], () => r(require('@/components/component/page.md'))),
            },
            {
                path: 'tip',
                name: 'tip',
                component: (r: any) => require.ensure([], () => r(require('@/components/component/tip.md'))),
            },
            {
                path: 'tooltip',
                name: 'tooltip',
                component: (r: any) => require.ensure([], () => r(require('@/components/component/tooltip.md'))),
            },
            {
                path: 'input',
                name: 'input',
                component: (r: any) => require.ensure([], () => r(require('@/components/component/input.md'))),
            },
            {
                path: 'select',
                name: 'select',
                component: (r: any) => require.ensure([], () => r(require('@/components/component/select.md'))),
            },
            {
                path: 'page',
                name: 'page',
                component: (r: any) => require.ensure([], () => r(require('@/components/component/page.md'))),
            },
            {
                path: 'radio',
                name: 'radio',
                component: (r: any) => require.ensure([], () => r(require('@/components/component/radio.md'))),
            },
            {
                path: 'checkbox',
                name: 'checkbox',
                component: (r: any) => require.ensure([], () => r(require('@/components/component/checkbox.md'))),
            },
            {
                path: 'moreOperate',
                name: 'moreOperate',
                component: (r: any) => require.ensure([], () => r(require('@/components/component/more-operate.md'))),
            },
            {
                path: 'slider',
                name: 'slider',
                component: (r: any) => require.ensure([], () => r(require('@/components/component/slider.md'))),
            },
            {
                path: 'switch',
                name: 'switch',
                component: (r: any) => require.ensure([], () => r(require('@/components/component/switch.md'))),
            },
            {
                path: 'count',
                name: 'count',
                component: (r: any) => require.ensure([], () => r(require('@/components/component/count.md'))),
            },
            {
                path: 'tabs',
                name: 'tabs',
                component: (r: any) => require.ensure([], () => r(require('@/components/component/tabs.md'))),
            },
            {
                path: 'screen',
                name: 'screen',
                component: (r: any) => require.ensure([], () => r(require('@/components/component/screen.md'))),
            },
            {
                path: 'progress',
                name: 'progress',
                component: (r: any) => require.ensure([], () => r(require('@/components/component/progress.md'))),
            },
            {
                path: 'layer',
                name: 'layer',
                component: (r: any) => require.ensure([], () => r(require('@/components/component/layer.md'))),
            },
            {
                path: 'navMenu',
                name: 'navMenu',
                component: (r: any) => require.ensure([], () => r(require('@/components/component/nav-menu.md'))),
            },
            {
                path: 'popover',
                name: 'popover',
                component: (r: any) => require.ensure([], () => r(require('@/components/component/popover.md'))),
            },
            {
                path: 'upload',
                name: 'upload',
                component: (r: any) => require.ensure([], () => r(require('@/components/component/upload.md'))),
            },
        ],
    }
]


export default componentsRouter