import type { RouteRecordRaw } from 'vue-router';

import { VBEN_GITHUB_URL } from '@vben/constants';
import { $t } from '@vben/locales/helper';
import { preference } from '@vben/preference';

import { IFrameView, Layout } from '@/router/routes/layout';

export const vbenRoutes: RouteRecordRaw[] = [
  {
    component: Layout,
    meta: {
      icon: preference.logo,
      title: 'Vben Admin',
    },
    name: 'AboutLayout',
    path: '/vben-admin',
    redirect: '/vben-admin/about',
    children: [
      {
        name: 'About',
        path: 'about',
        component: () => import('@/views/about/index.vue'),
        meta: {
          icon: 'mdi:creative-commons',
          title: $t('page.about'),
        },
      },
      {
        name: 'AboutDocument',
        path: 'document',
        component: () => import('@/views/about/index.vue'),
        meta: {
          icon: 'mdi:flame-circle',
          title: $t('page.document'),
        },
      },
      {
        name: 'Github',
        path: 'github',
        component: IFrameView,
        meta: {
          icon: 'mdi:github',
          target: VBEN_GITHUB_URL,
          title: 'Github',
        },
      },
    ],
  },
];