vite-plugin-vue-layouts 替换为 vite-plugin-vue-meta-layouts

package.json

@@ -70,7 +70,7 @@
     "vite-plugin-spritesmith": "^0.1.1",
     "vite-plugin-svg-icons": "^2.0.1",
     "vite-plugin-vue-inspector": "^3.4.0",
-    "vite-plugin-vue-layouts": "^0.8.0",
+    "vite-plugin-vue-meta-layouts": "^0.2.2",
     "vite-plugin-vue-setup-extend": "^0.4.0",
     "vue-tsc": "^1.2.0"
   },

pnpm-lock.yaml

@@ -168,9 +168,9 @@ devDependencies:
   vite-plugin-vue-inspector:
     specifier: ^3.4.0
     version: 3.4.0(vite@4.2.1)
-  vite-plugin-vue-layouts:
-    specifier: ^0.8.0
-    version: 0.8.0(vite@4.2.1)(vue-router@4.1.6)(vue@3.2.47)
+  vite-plugin-vue-meta-layouts:
+    specifier: ^0.2.2
+    version: 0.2.2(vite@4.2.1)(vue-router@4.1.6)
   vite-plugin-vue-setup-extend:
     specifier: ^0.4.0
     version: 0.4.0(vite@4.2.1)
@@ -8232,21 +8232,15 @@ packages:
       - supports-color
     dev: true
 
-  /vite-plugin-vue-layouts@0.8.0(vite@4.2.1)(vue-router@4.1.6)(vue@3.2.47):
-    resolution: {integrity: sha512-UZW2nSV2LraTSe7gsAL46hfdi7a0X1RvkGGoJVtA2O8beu7anzpXFwQLou8+kHy31CzVycT4gIPySBsHhtBN5g==}
+  /vite-plugin-vue-meta-layouts@0.2.2(vite@4.2.1)(vue-router@4.1.6):
+    resolution: {integrity: sha512-u3WHlSzqE7tfOFFN7IygkQXDgnhVYD+GSfSXeMk1m/xI/gMtJtLeVwjBTow4kOn3oEkJcj/I9yCZoWpQeRHTFw==}
     peerDependencies:
-      vite: ^2.5.0 || ^3.0.0-0 || ^4.0.0
-      vue: ^2.6.12 || ^3.2.4
-      vue-router: ^3.5.1 || ^4.0.11
+      vite: '>=2.0.0'
+      vue-router: '>=4.0.14'
     dependencies:
-      '@vue/compiler-sfc': 3.2.47
-      debug: 4.3.4
-      fast-glob: 3.2.12
+      local-pkg: 0.4.3
       vite: 4.2.1(sass@1.60.0)(terser@5.16.8)
-      vue: 3.2.47
       vue-router: 4.1.6(vue@3.2.47)
-    transitivePeerDependencies:
-      - supports-color
     dev: true
 
   /vite-plugin-vue-setup-extend@0.4.0(vite@4.2.1):

src/router/routes.ts

@@ -1,4 +1,4 @@
-import { setupLayouts } from 'virtual:generated-layouts'
+import { setupLayouts } from 'virtual:meta-layouts'
 import generatedRoutes from 'virtual:generated-pages'
 import type { RouteRecordRaw } from 'vue-router'
 import MultilevelMenuExample from './modules/multilevel.menu.example'

tsconfig.json

@@ -28,7 +28,7 @@
       "vite/client",
       "element-plus/global",
       "vite-plugin-pages/client",
-      "vite-plugin-vue-layouts/client"
+      "vite-plugin-vue-meta-layouts/client"
     ]
   },
   "include": [

vite/plugins/layouts.ts

@@ -1,4 +1,4 @@
-import Layouts from 'vite-plugin-vue-layouts'
+import Layouts from 'vite-plugin-vue-meta-layouts'
 
 export default function createLayouts() {
   return Layouts({