feat(locales): locales-4-route

auto-imports.d.ts

@@ -59,6 +59,7 @@ declare global {
   const isReadonly: typeof import('vue')['isReadonly']
   const isRef: typeof import('vue')['isRef']
   const isShallow: typeof import('vue')['isShallow']
+  const locales4RouteMessages: typeof import('./src/locales-4-route/messages-auto-imports')['locales4RouteMessages']
   const makeDestructurable: typeof import('@vueuse/core')['makeDestructurable']
   const mapActions: typeof import('pinia')['mapActions']
   const mapGetters: typeof import('pinia')['mapGetters']
@@ -396,6 +397,7 @@ declare module 'vue' {
     readonly isReadonly: UnwrapRef<typeof import('vue')['isReadonly']>
     readonly isRef: UnwrapRef<typeof import('vue')['isRef']>
     readonly isShallow: UnwrapRef<typeof import('vue')['isShallow']>
+    readonly locales4RouteMessages: UnwrapRef<typeof import('./src/locales-4-route/messages-auto-imports')['locales4RouteMessages']>
     readonly makeDestructurable: UnwrapRef<typeof import('@vueuse/core')['makeDestructurable']>
     readonly mapActions: UnwrapRef<typeof import('pinia')['mapActions']>
     readonly mapGetters: UnwrapRef<typeof import('pinia')['mapGetters']>

src/composables/useMetaLayoutsMenuOptions.tsx

@@ -1,6 +1,3 @@
-import enUS from '@/pages/_page-title-locales/en-US';
-import zhCN from '@/pages/_page-title-locales/zh-CN';
-
 import type { Ref } from 'vue';
 import type { MenuInst, MenuOption } from 'naive-ui';
 import { createGetRoutes } from 'virtual:meta-layouts';
@@ -120,10 +117,7 @@ export function useMetaLayoutsNMenuOptions({ menuInstRef }: { menuInstRef: Ref<M
       return key;
     },
     fallbackRoot: true,
-    messages: {
+    messages: locales4RouteMessages,
-      'zh-CN': zhCN,
-      'en-US': enUS,
-    },
   });
 
   // 获取路由表但是不包含布局路由

src/locales-4-route/messages-auto-imports.ts

@@ -0,0 +1,7 @@
+import enUS from './en-US';
+import zhCN from './zh-CN';
+
+export const locales4RouteMessages = {
+  'zh-CN': zhCN,
+  'en-US': enUS,
+};

vite-plugins/02.unplugin-auto-import.ts

@@ -7,9 +7,11 @@ export default [
   // https://github.com/antfu/unplugin-auto-import
   AutoImport({
     dirs: [
-      'src/composables',
       // 'src/utils',
+      'src/composables',
       'src/stores',
+      // 匹配所有 -auto-imports.ts / -auto-imports.tsx 结尾的文件
+      'src/**/*-auto-imports.{ts,tsx}',
     ],
     imports: [
       'vue',