export const enDocRoutes = [
  // basic docs
  {
    path: 'introduction',
    component: () => import('../pages/docs/introduction/enUS/index.md')
  },
  {
    path: 'installation',
    component: () => import('../pages/docs/installation/enUS/index.md')
  },
  {
    path: 'usage-sfc',
    component: () => import('../pages/docs/usage-sfc/enUS/index.md')
  },
  {
    path: 'supported-platforms',
    component: () => import('../pages/docs/supported-platforms/enUS/index.md')
  },
  // {
  //   path: 'from-v1',
  //   component: () => import('../pages/docs/vue3/enUS/index.vue')
  // },
  // {
  //   path: 'experimental-features',
  //   component: () => import('../pages/docs/experimental-features/enUS/index.md')
  // },
  {
    path: 'customize-theme',
    component: () => import('../pages/docs/customize-theme/enUS/index.md')
  },
  {
    path: 'changelog',
    component: () => import('../pages/docs/changelog/enUS/index.vue')
  },
  {
    path: 'theme',
    component: () => import('../pages/docs/theme/enUS/index.demo-entry.md')
  },
  {
    path: 'jsx',
    component: () => import('../pages/docs/jsx/enUS/index.md')
  },
  {
    path: 'ssr',
    component: () => import('../pages/docs/ssr/enUS/index.md')
  },
  {
    path: 'common-issues',
    component: () => import('../pages/docs/common-issues/enUS/index.md')
  },
  {
    path: 'fonts',
    component: () => import('../pages/docs/fonts/enUS/index.md')
  },
  {
    path: 'import-on-demand',
    component: () => import('../pages/docs/import-on-demand/enUS/index.md')
  }
]

export const zhDocRoutes = [
  // basic docs
  {
    path: 'introduction',
    component: () => import('../pages/docs/introduction/zhCN/index.md')
  },
  {
    path: 'installation',
    component: () => import('../pages/docs/installation/zhCN/index.md')
  },
  {
    path: 'usage-sfc',
    component: () => import('../pages/docs/usage-sfc/zhCN/index.md')
  },
  {
    path: 'supported-platforms',
    component: () => import('../pages/docs/supported-platforms/zhCN/index.md')
  },
  {
    path: 'from-v1',
    component: () => import('../pages/docs/vue3/zhCN/index.vue')
  },
  {
    path: 'customize-theme',
    component: () => import('../pages/docs/customize-theme/zhCN/index.md')
  },
  // {
  //   path: 'experimental-features',
  //   component: () => import('../pages/docs/experimental-features/zhCN/index.md')
  // },
  {
    path: 'changelog',
    component: () => import('../pages/docs/changelog/zhCN/index.vue')
  },
  {
    path: 'theme',
    component: () => import('../pages/docs/theme/zhCN/index.demo-entry.md')
  },
  {
    path: 'jsx',
    component: () => import('../pages/docs/jsx/zhCN/index.md')
  },
  {
    path: 'ssr',
    component: () => import('../pages/docs/ssr/zhCN/index.md')
  },
  {
    path: 'common-issues',
    component: () => import('../pages/docs/common-issues/zhCN/index.md')
  },
  {
    path: 'fonts',
    component: () => import('../pages/docs/fonts/zhCN/index.md')
  },
  {
    path: 'import-on-demand',
    component: () => import('../pages/docs/import-on-demand/zhCN/index.md')
  }
]

export const enComponentRoutes = [
  // components
  {
    path: 'layout',
    component: () => import('../../src/layout/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'gradient-text',
    component: () =>
      import('../../src/gradient-text/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'icon',
    component: () => import('../../src/icon/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'checkbox',
    component: () => import('../../src/checkbox/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'button',
    component: () => import('../../src/button/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'switch',
    component: () => import('../../src/switch/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'data-table',
    component: () =>
      import('../../src/data-table/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'input',
    component: () => import('../../src/input/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'select',
    component: () => import('../../src/select/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'cascader',
    component: () => import('../../src/cascader/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'dynamic-input',
    component: () =>
      import('../../src/dynamic-input/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'modal',
    component: () => import('../../src/modal/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'message',
    component: () => import('../../src/message/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'tooltip',
    component: () => import('../../src/tooltip/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'popover',
    component: () => import('../../src/popover/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'notification',
    component: () =>
      import('../../src/notification/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'pagination',
    component: () =>
      import('../../src/pagination/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'alert',
    component: () => import('../../src/alert/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'date-picker',
    component: () =>
      import('../../src/date-picker/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'input-number',
    component: () =>
      import('../../src/input-number/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'radio',
    component: () => import('../../src/radio/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'form',
    component: () => import('../../src/form/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'tabs',
    component: () => import('../../src/tabs/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'time-picker',
    component: () =>
      import('../../src/time-picker/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'dialog',
    component: () => import('../../src/dialog/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'badge',
    component: () => import('../../src/badge/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'steps',
    component: () => import('../../src/steps/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'collapse',
    component: () => import('../../src/collapse/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'progress',
    component: () => import('../../src/progress/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'tag',
    component: () => import('../../src/tag/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'menu',
    component: () => import('../../src/menu/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'timeline',
    component: () => import('../../src/timeline/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'back-top',
    component: () => import('../../src/back-top/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'divider',
    component: () => import('../../src/divider/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'popconfirm',
    component: () =>
      import('../../src/popconfirm/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'anchor',
    component: () => import('../../src/anchor/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'dropdown',
    component: () => import('../../src/dropdown/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'popselect',
    component: () =>
      import('../../src/popselect/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'config-provider',
    component: () =>
      import('../../src/config-provider/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'transfer',
    component: () => import('../../src/transfer/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'spin',
    component: () => import('../../src/spin/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'drawer',
    component: () => import('../../src/drawer/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'loading-bar',
    component: () =>
      import('../../src/loading-bar/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'time',
    component: () => import('../../src/time/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'slider',
    component: () => import('../../src/slider/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'tree',
    component: () => import('../../src/tree/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'affix',
    component: () => import('../../src/affix/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'statistic',
    component: () =>
      import('../../src/statistic/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'legacy-grid',
    component: () =>
      import('../../src/legacy-grid/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'grid',
    component: () => import('../../src/grid/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'breadcrumb',
    component: () =>
      import('../../src/breadcrumb/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'descriptions',
    component: () =>
      import('../../src/descriptions/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'list',
    component: () => import('../../src/list/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'card',
    component: () => import('../../src/card/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'avatar',
    component: () => import('../../src/avatar/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'result',
    component: () => import('../../src/result/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'thing',
    component: () => import('../../src/thing/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'auto-complete',
    component: () =>
      import('../../src/auto-complete/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'empty',
    component: () => import('../../src/empty/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'element',
    component: () => import('../../src/element/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'log',
    component: () => import('../../src/log/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'code',
    component: () => import('../../src/code/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'typography',
    component: () =>
      import('../../src/typography/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'upload',
    component: () => import('../../src/upload/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'table',
    component: () => import('../../src/table/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'space',
    component: () => import('../../src/space/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'rate',
    component: () => import('../../src/rate/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'dynamic-tags',
    component: () =>
      import('../../src/dynamic-tags/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'ellipsis',
    component: () => import('../../src/ellipsis/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'mention',
    component: () => import('../../src/mention/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'page-header',
    component: () =>
      import('../../src/page-header/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'global-style',
    component: () =>
      import('../../src/global-style/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'image',
    component: () => import('../../src/image/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'skeleton',
    component: () => import('../../src/skeleton/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'calendar',
    component: () => import('../../src/calendar/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'color-picker',
    component: () =>
      import('../../src/color-picker/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'tree-select',
    component: () =>
      import('../../src/tree-select/demos/enUS/index.demo-entry.md')
  },
  {
    path: 'carousel',
    component: () => import('../../src/carousel/demos/enUS/index.demo-entry.md')
  }
]

export const zhComponentRoutes = [
  // components
  {
    path: 'layout',
    component: () => import('../../src/layout/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'gradient-text',
    component: () =>
      import('../../src/gradient-text/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'icon',
    component: () => import('../../src/icon/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'checkbox',
    component: () => import('../../src/checkbox/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'button',
    component: () => import('../../src/button/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'switch',
    component: () => import('../../src/switch/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'data-table',
    component: () =>
      import('../../src/data-table/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'input',
    component: () => import('../../src/input/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'select',
    component: () => import('../../src/select/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'cascader',
    component: () => import('../../src/cascader/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'dynamic-input',
    component: () =>
      import('../../src/dynamic-input/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'modal',
    component: () => import('../../src/modal/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'message',
    component: () => import('../../src/message/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'tooltip',
    component: () => import('../../src/tooltip/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'popover',
    component: () => import('../../src/popover/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'notification',
    component: () =>
      import('../../src/notification/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'pagination',
    component: () =>
      import('../../src/pagination/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'alert',
    component: () => import('../../src/alert/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'date-picker',
    component: () =>
      import('../../src/date-picker/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'input-number',
    component: () =>
      import('../../src/input-number/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'radio',
    component: () => import('../../src/radio/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'form',
    component: () => import('../../src/form/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'tabs',
    component: () => import('../../src/tabs/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'time-picker',
    component: () =>
      import('../../src/time-picker/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'dialog',
    component: () => import('../../src/dialog/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'badge',
    component: () => import('../../src/badge/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'steps',
    component: () => import('../../src/steps/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'collapse',
    component: () => import('../../src/collapse/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'progress',
    component: () => import('../../src/progress/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'tag',
    component: () => import('../../src/tag/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'menu',
    component: () => import('../../src/menu/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'timeline',
    component: () => import('../../src/timeline/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'back-top',
    component: () => import('../../src/back-top/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'divider',
    component: () => import('../../src/divider/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'popconfirm',
    component: () =>
      import('../../src/popconfirm/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'anchor',
    component: () => import('../../src/anchor/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'dropdown',
    component: () => import('../../src/dropdown/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'popselect',
    component: () =>
      import('../../src/popselect/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'config-provider',
    component: () =>
      import('../../src/config-provider/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'transfer',
    component: () => import('../../src/transfer/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'spin',
    component: () => import('../../src/spin/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'drawer',
    component: () => import('../../src/drawer/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'loading-bar',
    component: () =>
      import('../../src/loading-bar/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'time',
    component: () => import('../../src/time/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'slider',
    component: () => import('../../src/slider/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'tree',
    component: () => import('../../src/tree/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'affix',
    component: () => import('../../src/affix/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'statistic',
    component: () =>
      import('../../src/statistic/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'legacy-grid',
    component: () =>
      import('../../src/legacy-grid/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'grid',
    component: () => import('../../src/grid/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'breadcrumb',
    component: () =>
      import('../../src/breadcrumb/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'descriptions',
    component: () =>
      import('../../src/descriptions/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'list',
    component: () => import('../../src/list/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'card',
    component: () => import('../../src/card/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'avatar',
    component: () => import('../../src/avatar/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'result',
    component: () => import('../../src/result/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'thing',
    component: () => import('../../src/thing/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'auto-complete',
    component: () =>
      import('../../src/auto-complete/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'empty',
    component: () => import('../../src/empty/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'element',
    component: () => import('../../src/element/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'log',
    component: () => import('../../src/log/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'code',
    component: () => import('../../src/code/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'typography',
    component: () =>
      import('../../src/typography/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'upload',
    component: () => import('../../src/upload/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'table',
    component: () => import('../../src/table/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'space',
    component: () => import('../../src/space/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'rate',
    component: () => import('../../src/rate/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'dynamic-tags',
    component: () =>
      import('../../src/dynamic-tags/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'ellipsis',
    component: () => import('../../src/ellipsis/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'mention',
    component: () => import('../../src/mention/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'page-header',
    component: () =>
      import('../../src/page-header/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'global-style',
    component: () =>
      import('../../src/global-style/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'image',
    component: () => import('../../src/image/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'skeleton',
    component: () => import('../../src/skeleton/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'calendar',
    component: () => import('../../src/calendar/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'color-picker',
    component: () =>
      import('../../src/color-picker/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'tree-select',
    component: () =>
      import('../../src/tree-select/demos/zhCN/index.demo-entry.md')
  },
  {
    path: 'carousel',
    component: () => import('../../src/carousel/demos/zhCN/index.demo-entry.md')
  }
]

export const routes = [
  {
    name: 'home',
    path: '/:lang/:theme',
    component: () => import('../pages/home/index.vue')
  },
  {
    name: 'enDocs',
    path: '/en-US/:theme/docs',
    component: () => import('../pages/Layout.vue'),
    children: enDocRoutes
  },
  {
    name: 'zhDocs',
    path: '/zh-CN/:theme/docs',
    component: () => import('../pages/Layout.vue'),
    children: zhDocRoutes
  },
  {
    name: 'enComponents',
    path: '/en-US/:theme/components',
    component: () => import('../pages/Layout.vue'),
    children: enComponentRoutes
  },
  {
    name: 'zhComponents',
    path: '/zh-CN/:theme/components',
    component: () => import('../pages/Layout.vue'),
    children: zhComponentRoutes
  },
  {
    name: 'not-found',
    path: '/:pathMatch(.*)*',
    redirect: {
      name: 'home',
      params: {
        lang: navigator.language === 'zh-CN' ? 'zh-CN' : 'en-US',
        theme: 'os-theme'
      }
    }
  }
]