import type { AppRouteModule } from '@/router/types';

import { LAYOUT } from '@/router/constant';
<%_ if (enableTranslation) { _%>
import { t } from '@/hooks/web/useI18n';
<%_ } _%>
const IFrame = () => import('@/views/system/iframe/FrameBlank.vue');

const dev: AppRouteModule = {
  path: '/dev',
  name: 'Dev',
  component: LAYOUT,
  redirect: '/dev/doc',
  meta: {
    orderNo: 1000,
    icon: 'ion:tv-outline',
    title: <% if (enableTranslation) { %>t('routes.dev.title')<% } else { %>'t$t('routes.dev.title')$t$'<% } %>,
  },

  children: [
    {
      path: 'doc',
      name: 'Doc',
      component: IFrame,
      meta: {
        frameSrc: '/static/swagger-ui/index.html',
        title: <% if (enableTranslation) { %>t('routes.dev.doc')<% } else { %>'t$t('routes.dev.doc')$t$'<% } %>,
      },
    },
    {
      path: 'icon',
      name: 'IconDemo',
      component: () => import('@/views/dev/feat/icon/index.vue'),
      meta: {
        title: 'ICON选择',
      },
    },
  ],
};

export default dev;
