feat: 更新页面模板内容，调整 VSCode 设置，更新依赖管理器版本并添加新脚本

2024-12-25 11:00:19 +08:00
parent 03d22e09a0
commit 7a682b1ea6
9 changed files with 54 additions and 56 deletions
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@ -1,9 +1,11 @@
 {
  "editor.codeActionsOnSave": {
-    "source.fixAll": "explicit"
+    "source.fixAll.eslint": "explicit",
+    "source.organizeImports": "explicit"
  },
  "editor.formatOnSave": true,
-  "editor.formatOnSaveMode": "modificationsIfAvailable", // 只格式化修改的部分
+  // "editor.formatOnSaveMode": "modificationsIfAvailable", // 只格式化修改的部分
+  "editor.formatOnSaveMode": "file", // 只格式化修改的部分
  "[vue]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
--- a/package.json
+++ b/package.json
@ -1,5 +1,5 @@
 {
-  "packageManager": "pnpm@9.15.0",
+  "packageManager": "pnpm@9.15.1",
  "name": "vue-ts-example",
  "version": "0.0.0",
  "private": true,
@ -15,7 +15,9 @@
    "playwright": "playwright test",
    "playwright:ui": "playwright test --ui",
    "playwright:chromium": "playwright test --project=chromium",
-    "dep:dedupe": "pnpm dedupe"
+    "dep:dedupe": "pnpm dedupe",
+    "dep:update": "taze major -I",
+    "sizecheck": "npx vite-bundle-visualizer"
  },
  "lint-staged": {
    "src/**/*.{js,ts,vue}": [
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@ -206,13 +206,13 @@ importers:
        version: 0.65.2(postcss@8.4.49)(rollup@4.29.1)(vite@6.0.5(@types/node@22.10.2)(jiti@2.4.2)(less@4.2.1)(tsx@4.19.2)(yaml@2.6.1))(vue@3.5.13(typescript@5.7.2))
      unplugin-auto-import:
        specifier: ^0.19.0
-        version: 0.19.0(@nuxt/kit@3.14.1592(rollup@4.29.1))(@vueuse/core@12.2.0(typescript@5.7.2))(rollup@4.29.1)
+        version: 0.19.0(@nuxt/kit@3.15.0(rollup@4.29.1))(@vueuse/core@12.2.0(typescript@5.7.2))(rollup@4.29.1)
      unplugin-icons:
        specifier: ^0.22.0
        version: 0.22.0(@vue/compiler-sfc@3.5.13)
      unplugin-vue-components:
        specifier: ^0.28.0
-        version: 0.28.0(@babel/parser@7.26.3)(@nuxt/kit@3.14.1592(rollup@4.29.1))(rollup@4.29.1)(vue@3.5.13(typescript@5.7.2))
+        version: 0.28.0(@babel/parser@7.26.3)(@nuxt/kit@3.15.0(rollup@4.29.1))(rollup@4.29.1)(vue@3.5.13(typescript@5.7.2))
      unplugin-vue-macros:
        specifier: ^2.13.6
        version: 2.13.6(@vueuse/core@12.2.0(typescript@5.7.2))(esbuild@0.24.2)(rollup@4.29.1)(typescript@5.7.2)(vite@6.0.5(@types/node@22.10.2)(jiti@2.4.2)(less@4.2.1)(tsx@4.19.2)(yaml@2.6.1))(vue-tsc@2.2.0(typescript@5.7.2))(vue@3.5.13(typescript@5.7.2))
@ -236,7 +236,7 @@ importers:
        version: 2.1.4
      vite-plugin-vue-devtools:
        specifier: ^7.6.8
-        version: 7.6.8(@nuxt/kit@3.14.1592(rollup@4.29.1))(rollup@4.29.1)(vite@6.0.5(@types/node@22.10.2)(jiti@2.4.2)(less@4.2.1)(tsx@4.19.2)(yaml@2.6.1))(vue@3.5.13(typescript@5.7.2))
+        version: 7.6.8(@nuxt/kit@3.15.0(rollup@4.29.1))(rollup@4.29.1)(vite@6.0.5(@types/node@22.10.2)(jiti@2.4.2)(less@4.2.1)(tsx@4.19.2)(yaml@2.6.1))(vue@3.5.13(typescript@5.7.2))
      vite-plugin-vue-layouts:
        specifier: ^0.11.0
        version: 0.11.0(vite@6.0.5(@types/node@22.10.2)(jiti@2.4.2)(less@4.2.1)(tsx@4.19.2)(yaml@2.6.1))(vue-router@4.5.0(vue@3.5.13(typescript@5.7.2)))(vue@3.5.13(typescript@5.7.2))
@ -1106,12 +1106,12 @@ packages:
    resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==}
    engines: {node: '>= 8'}

-  '@nuxt/kit@3.14.1592':
-    resolution: {integrity: sha512-r9r8bISBBisvfcNgNL3dSIQHSBe0v5YkX5zwNblIC2T0CIEgxEVoM5rq9O5wqgb5OEydsHTtT2hL57vdv6VT2w==}
-    engines: {node: ^14.18.0 || >=16.10.0}
+  '@nuxt/kit@3.15.0':
+    resolution: {integrity: sha512-Q7k11wDTLIbBgoTfRYNrciK7PvjKklewrKd5PRMJCpn9Lmuqkq59HErNfJXFrBKHsE3Ld0DB6WUtpPGOvWJZoQ==}
+    engines: {node: '>=18.20.5'}

-  '@nuxt/schema@3.14.1592':
-    resolution: {integrity: sha512-A1d/08ueX8stTXNkvGqnr1eEXZgvKn+vj6s7jXhZNWApUSqMgItU4VK28vrrdpKbjIPwq2SwhnGOHUYvN9HwCQ==}
+  '@nuxt/schema@3.15.0':
+    resolution: {integrity: sha512-sAgLgSOj/SZxUmlJ/Q3TLRwIAqmiiZ5gCBrT+eq9CowIj7bgxX92pT720pDLEDs4wlXiTTsqC8nyqXQis8pPyA==}
    engines: {node: ^14.18.0 || >=16.10.0}

  '@one-ini/wasm@0.1.1':
@ -1985,8 +1985,8 @@ packages:
  alien-signals@0.2.2:
    resolution: {integrity: sha512-cZIRkbERILsBOXTQmMrxc9hgpxglstn69zm+F1ARf4aPAzdAFYd6sBq87ErO0Fj3DV94tglcyHG5kQz9nDC/8A==}

-  alien-signals@0.4.9:
-    resolution: {integrity: sha512-piRGlMgQ65uRiY06mGU7I432AwPwAGf64TK1RXtM1Px4pPfLMTGI9TmsHTfioW1GukZRsNzkVQ/uHjhhd231Ow==}
+  alien-signals@0.4.10:
+    resolution: {integrity: sha512-7S60rz/mMjz0Djq1VI9rd4bGqKNgxTUGE6k7kwrRO6tF95qt1S3ohz1qaQisvUsfbGh7yXnm6DPRrOhOl1ho1A==}

  alova@3.2.7:
    resolution: {integrity: sha512-V0ePERLfCg0/60f/OFbwufG7djA/uzNjSBcxXmnVZAqGIzVXaSWKe44oNE48ZiuNwsWZUfP0pc36wv9XWVQOyA==}
@ -3178,9 +3178,6 @@ packages:
  has-unicode@2.0.1:
    resolution: {integrity: sha512-8Rf9Y83NBReMnx0gFzA8JImQACstCYWUplepDa9xprwwtmgEZUF0h/i5xSA625zB/I37EtrswSST6OXxwaaIJQ==}

-  hash-sum@2.0.0:
-    resolution: {integrity: sha512-WdZTbAByD+pHfl/g9QSsBIIwy8IT+EsPiKDs0KNX+zSHhdDLFKdZu0BQHljvO+0QI/BasbMSUa8wYNCZTvhslg==}
-
  hasown@2.0.2:
    resolution: {integrity: sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==}
    engines: {node: '>= 0.4'}
@ -3266,8 +3263,8 @@ packages:
    resolution: {integrity: sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==}
    engines: {node: '>= 4'}

-  ignore@6.0.2:
-    resolution: {integrity: sha512-InwqeHHN2XpumIkMvpl/DCJVrAHgCsG5+cn1XlnLWGwtZBm8QJfSusItfrwx81CTp5agNZqpKU2J/ccC5nGT4A==}
+  ignore@7.0.0:
+    resolution: {integrity: sha512-lcX8PNQygAa22u/0BysEY8VhaFRzlOkvdlKczDPnJvrkJD1EuqzEky5VYYKM2iySIuaVIDv9N190DfSreSLw2A==}
    engines: {node: '>= 4'}

  image-size@0.5.5:
@ -3853,6 +3850,15 @@ packages:
      encoding:
        optional: true

+  node-fetch@2.7.0:
+    resolution: {integrity: sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==}
+    engines: {node: 4.x || >=6.0.0}
+    peerDependencies:
+      encoding: ^0.1.0
+    peerDependenciesMeta:
+      encoding:
+        optional: true
+
  node-gyp-build@4.8.4:
    resolution: {integrity: sha512-LA4ZjwlnUblHVgq0oBF3Jl/6h/Nvs5fzBLwdEF4nuxnFdsfajde4WfxtJr3CaiH+F6ewcIB/q4jQ4UzPyid+CQ==}
    hasBin: true
@ -5972,7 +5978,7 @@ snapshots:
      detect-libc: 2.0.3
      https-proxy-agent: 5.0.1
      make-dir: 3.1.0
-      node-fetch: 2.6.9
+      node-fetch: 2.7.0
      nopt: 5.0.0
      npmlog: 5.0.1
      rimraf: 3.0.2
@ -6015,20 +6021,20 @@ snapshots:
      '@nodelib/fs.scandir': 2.1.5
      fastq: 1.18.0

-  '@nuxt/kit@3.14.1592(rollup@4.29.1)':
+  '@nuxt/kit@3.15.0(rollup@4.29.1)':
    dependencies:
-      '@nuxt/schema': 3.14.1592(rollup@4.29.1)
+      '@nuxt/schema': 3.15.0(rollup@4.29.1)
      c12: 2.0.1
      consola: 3.3.1
      defu: 6.1.4
      destr: 2.0.3
      globby: 14.0.2
-      hash-sum: 2.0.0
-      ignore: 6.0.2
+      ignore: 7.0.0
      jiti: 2.4.2
      klona: 2.0.6
      knitwork: 1.2.0
      mlly: 1.7.3
+      ohash: 1.1.4
      pathe: 1.1.2
      pkg-types: 1.2.1
      scule: 1.3.0
@ -6042,7 +6048,7 @@ snapshots:
      - rollup
      - supports-color

-  '@nuxt/schema@3.14.1592(rollup@4.29.1)':
+  '@nuxt/schema@3.15.0(rollup@4.29.1)':
    dependencies:
      c12: 2.0.1
      compatx: 0.1.8
@ -7131,7 +7137,7 @@ snapshots:
      '@vue/compiler-dom': 3.5.13
      '@vue/compiler-vue2': 2.7.16
      '@vue/shared': 3.5.13
-      alien-signals: 0.4.9
+      alien-signals: 0.4.10
      minimatch: 9.0.5
      muggle-string: 0.4.1
      path-browserify: 1.0.1
@ -7239,7 +7245,7 @@ snapshots:

  alien-signals@0.2.2: {}

-  alien-signals@0.4.9: {}
+  alien-signals@0.4.10: {}

  alova@3.2.7:
    dependencies:
@ -8522,8 +8528,6 @@ snapshots:

  has-unicode@2.0.1: {}

-  hash-sum@2.0.0: {}
-
  hasown@2.0.2:
    dependencies:
      function-bind: 1.1.2
@ -8606,7 +8610,7 @@ snapshots:

  ignore@5.3.2: {}

-  ignore@6.0.2: {}
+  ignore@7.0.0: {}

  image-size@0.5.5:
    optional: true
@ -9165,6 +9169,10 @@ snapshots:
    dependencies:
      whatwg-url: 5.0.0

+  node-fetch@2.7.0:
+    dependencies:
+      whatwg-url: 5.0.0
+
  node-gyp-build@4.8.4: {}

  node-releases@2.0.19: {}
@ -9408,7 +9416,7 @@ snapshots:

  pinia-plugin-persistedstate@4.2.0(pinia@2.3.0(typescript@5.7.2)(vue@3.5.13(typescript@5.7.2)))(rollup@4.29.1):
    dependencies:
-      '@nuxt/kit': 3.14.1592(rollup@4.29.1)
+      '@nuxt/kit': 3.15.0(rollup@4.29.1)
      deep-pick-omit: 1.2.1
      defu: 6.1.4
      destr: 2.0.3
@ -10165,7 +10173,7 @@ snapshots:

  unpipe@1.0.0: {}

-  unplugin-auto-import@0.19.0(@nuxt/kit@3.14.1592(rollup@4.29.1))(@vueuse/core@12.2.0(typescript@5.7.2))(rollup@4.29.1):
+  unplugin-auto-import@0.19.0(@nuxt/kit@3.15.0(rollup@4.29.1))(@vueuse/core@12.2.0(typescript@5.7.2))(rollup@4.29.1):
    dependencies:
      '@antfu/utils': 0.7.10
      '@rollup/pluginutils': 5.1.4(rollup@4.29.1)
@ -10175,7 +10183,7 @@ snapshots:
      unimport: 3.14.5(rollup@4.29.1)
      unplugin: 2.1.0
    optionalDependencies:
-      '@nuxt/kit': 3.14.1592(rollup@4.29.1)
+      '@nuxt/kit': 3.15.0(rollup@4.29.1)
      '@vueuse/core': 12.2.0(typescript@5.7.2)
    transitivePeerDependencies:
      - rollup
@ -10203,7 +10211,7 @@ snapshots:
    transitivePeerDependencies:
      - supports-color

-  unplugin-vue-components@0.28.0(@babel/parser@7.26.3)(@nuxt/kit@3.14.1592(rollup@4.29.1))(rollup@4.29.1)(vue@3.5.13(typescript@5.7.2)):
+  unplugin-vue-components@0.28.0(@babel/parser@7.26.3)(@nuxt/kit@3.15.0(rollup@4.29.1))(rollup@4.29.1)(vue@3.5.13(typescript@5.7.2)):
    dependencies:
      '@antfu/utils': 0.7.10
      '@rollup/pluginutils': 5.1.4(rollup@4.29.1)
@ -10218,7 +10226,7 @@ snapshots:
      vue: 3.5.13(typescript@5.7.2)
    optionalDependencies:
      '@babel/parser': 7.26.3
-      '@nuxt/kit': 3.14.1592(rollup@4.29.1)
+      '@nuxt/kit': 3.15.0(rollup@4.29.1)
    transitivePeerDependencies:
      - rollup
      - supports-color
@ -10426,7 +10434,7 @@ snapshots:
      picocolors: 1.1.1
      tinyglobby: 0.2.10

-  vite-plugin-inspect@0.8.9(@nuxt/kit@3.14.1592(rollup@4.29.1))(rollup@4.29.1)(vite@6.0.5(@types/node@22.10.2)(jiti@2.4.2)(less@4.2.1)(tsx@4.19.2)(yaml@2.6.1)):
+  vite-plugin-inspect@0.8.9(@nuxt/kit@3.15.0(rollup@4.29.1))(rollup@4.29.1)(vite@6.0.5(@types/node@22.10.2)(jiti@2.4.2)(less@4.2.1)(tsx@4.19.2)(yaml@2.6.1)):
    dependencies:
      '@antfu/utils': 0.7.10
      '@rollup/pluginutils': 5.1.4(rollup@4.29.1)
@ -10439,12 +10447,12 @@ snapshots:
      sirv: 3.0.0
      vite: 6.0.5(@types/node@22.10.2)(jiti@2.4.2)(less@4.2.1)(tsx@4.19.2)(yaml@2.6.1)
    optionalDependencies:
-      '@nuxt/kit': 3.14.1592(rollup@4.29.1)
+      '@nuxt/kit': 3.15.0(rollup@4.29.1)
    transitivePeerDependencies:
      - rollup
      - supports-color

-  vite-plugin-vue-devtools@7.6.8(@nuxt/kit@3.14.1592(rollup@4.29.1))(rollup@4.29.1)(vite@6.0.5(@types/node@22.10.2)(jiti@2.4.2)(less@4.2.1)(tsx@4.19.2)(yaml@2.6.1))(vue@3.5.13(typescript@5.7.2)):
+  vite-plugin-vue-devtools@7.6.8(@nuxt/kit@3.15.0(rollup@4.29.1))(rollup@4.29.1)(vite@6.0.5(@types/node@22.10.2)(jiti@2.4.2)(less@4.2.1)(tsx@4.19.2)(yaml@2.6.1))(vue@3.5.13(typescript@5.7.2)):
    dependencies:
      '@vue/devtools-core': 7.6.8(vite@6.0.5(@types/node@22.10.2)(jiti@2.4.2)(less@4.2.1)(tsx@4.19.2)(yaml@2.6.1))(vue@3.5.13(typescript@5.7.2))
      '@vue/devtools-kit': 7.6.8
@ -10452,7 +10460,7 @@ snapshots:
      execa: 9.5.2
      sirv: 3.0.0
      vite: 6.0.5(@types/node@22.10.2)(jiti@2.4.2)(less@4.2.1)(tsx@4.19.2)(yaml@2.6.1)
-      vite-plugin-inspect: 0.8.9(@nuxt/kit@3.14.1592(rollup@4.29.1))(rollup@4.29.1)(vite@6.0.5(@types/node@22.10.2)(jiti@2.4.2)(less@4.2.1)(tsx@4.19.2)(yaml@2.6.1))
+      vite-plugin-inspect: 0.8.9(@nuxt/kit@3.15.0(rollup@4.29.1))(rollup@4.29.1)(vite@6.0.5(@types/node@22.10.2)(jiti@2.4.2)(less@4.2.1)(tsx@4.19.2)(yaml@2.6.1))
      vite-plugin-vue-inspector: 5.3.1(vite@6.0.5(@types/node@22.10.2)(jiti@2.4.2)(less@4.2.1)(tsx@4.19.2)(yaml@2.6.1))
    transitivePeerDependencies:
      - '@nuxt/kit'
--- a/src/layouts/default-layout.vue
+++ b/src/layouts/default-layout.vue
--- a/src/pages/a/a.vue
+++ b/src/pages/a/a.vue
@ -1,5 +1,5 @@
 <template>
-  <div>a</div>
+  <div>src/pages/a/a.vue</div>
 </template>

 <script setup lang="ts"></script>
--- a/src/pages/a/index.vue
+++ b/src/pages/a/index.vue
@ -1,5 +1,5 @@
 <template>
-  <div></div>
+  <div>src/pages/a/index.vue</div>
 </template>

 <script setup lang="ts"></script>
--- a/src/pages/index-page.vue
+++ b/src/pages/index-page.vue
@ -1,15 +1,5 @@
 <script lang="tsx" setup>
-import { router } from '@/plugins/router';
-import { createGetRoutes, setupLayouts } from 'virtual:generated-layouts';
 import { routes } from 'vue-router/auto-routes';
-import I18nComp from '../components/i18nComp/index.vue';
-
-const getRoutes = createGetRoutes(router);
-const setupLayoutsResult = setupLayouts(routes);
-
-console.debug(`routes :>> `, routes);
-console.debug(`getRoutes() :>> `, getRoutes()); // 获取路由表但是不包含布局路由
-console.debug(`setupLayoutsResult :>> `, setupLayoutsResult);

 useHead({
  // Titles
--- a/src/plugins/vue-i18n.ts
+++ b/src/plugins/vue-i18n.ts
@ -5,7 +5,6 @@ import { createI18n } from 'vue-i18n';
 * at once using the import syntax
 */
 import messages from '@intlify/unplugin-vue-i18n/messages';
-console.debug(`messages :>> `, messages);

 export function install({ app }: { app: import('vue').App<Element> }) {
  app.use(
--- a/vite.config.plugins.ts
+++ b/vite.config.plugins.ts
@ -49,10 +49,7 @@ export function Plugins() {
    }), // https://vue-macros.dev/zh-CN/guide/bundler-integration.html

    // https://github.com/JohnCampionJr/vite-plugin-vue-layouts?tab=readme-ov-file#configuration
-    Layouts({
-      defaultLayout: 'default-layout',
-      pagesDirs: [],
-    }),
+    Layouts({ pagesDirs: [] }),

    // https://github.com/antfu/unocss
    // see uno.config.ts for config