import { $t } from '@/plugins/i18n';

const Layout = () => import('@/layout/index.vue');

export default [
	{
		path: '/login',
		name: 'Login',
		component: () => import('@/views/login/index.vue'),
		meta: {
			title: $t('menus.pureLogin'),
			showLink: false,
			rank: 101,
		},
	},
	{
		path: '/redirect',
		component: Layout,
		meta: {
			title: $t('status.pureLoad'),
			showLink: false,
			rank: 102,
		},
		children: [
			{
				path: '/redirect/:path(.*)',
				name: 'Redirect',
				component: () => import('@/layout/redirect.vue'),
			},
		],
	},
	// 下面是一个无layout菜单的例子（一个全屏空白页面），因为这种情况极少发生，所以只需要在前端配置即可（配置路径：src/router/modules/remaining.ts）
	{
		path: '/empty',
		name: 'Empty',
		component: () => import('@/components/Empty/index.vue'),
		meta: {
			title: $t('menus.pureEmpty'),
			showLink: false,
			rank: 103,
		},
	},
	{
		path: '/account-settings',
		name: 'AccountSettings',
		component: () => import('@/views/account-settings/index.vue'),
		meta: {
			title: $t('buttons.pureAccountSettings'),
			showLink: false,
			rank: 104,
		},
	},
] satisfies Array<RouteConfigsTable>;