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

import { LAYOUT } from '@/router/constant';
<%_ if (enableTranslation) { _%>
import { t } from '@/hooks/web/useI18n';
<%_ } _%>

const about: AppRouteModule = {
  path: '/about',
  name: 'About',
  component: LAYOUT,
  redirect: '/about/index',
  meta: {
    hideChildrenInMenu: true,
    icon: 'simple-icons:about-dot-me',
    title: <% if (enableTranslation) { %>t('routes.dashboard.about')<% } else { %>'t$t('routes.dashboard.about')$t$'<% } %>,
    orderNo: 100000,
  },
  children: [
    {
      path: 'index',
      name: 'AboutIndex',
      component: () => import('@/views/dev/about/index.vue'),
      meta: {
        title: <% if (enableTranslation) { %>t('routes.dashboard.about')<% } else { %>'t$t('routes.dashboard.about')$t$'<% } %>,
        icon: 'simple-icons:about-dot-me',
        hideMenu: true,
      },
    },
  ],
};

export default about;
