chore: Update utils4u dependency to version 2.3.0

package.json

@@ -31,7 +31,7 @@
     "tdesign-icons-vue-next": "^0.2.4",
     "tdesign-mobile-vue": "^1.3.4",
     "ts-enum-util": "^4.1.0",
-    "utils4u": "^2.1.2",
+    "utils4u": "^2.3.0",
     "vant": "^4.9.4",
     "vue": "^3.4.38",
     "vue-page-stack": "^3.2.0",
@@ -64,7 +64,6 @@
     "less": "^4.2.0",
     "lint-staged": "^15.2.9",
     "npm-run-all2": "^6.2.2",
-    "pinyin-pro": "^3.24.2",
     "prettier": "^3.3.3",
     "rollup": "^4.21.0",
     "typescript": "~5.5.4",

pnpm-lock.yaml

@@ -62,8 +62,8 @@ importers:
         specifier: ^4.1.0
         version: 4.1.0
       utils4u:
-        specifier: ^2.1.2
-        version: 2.1.2
+        specifier: ^2.3.0
+        version: 2.3.0
       vant:
         specifier: ^4.9.4
         version: 4.9.4(vue@3.4.38(typescript@5.5.4))
@@ -155,9 +155,6 @@ importers:
       npm-run-all2:
         specifier: ^6.2.2
         version: 6.2.2
-      pinyin-pro:
-        specifier: ^3.24.2
-        version: 3.24.2
       prettier:
         specifier: ^3.3.3
         version: 3.3.3
@@ -2540,9 +2537,6 @@ packages:
       typescript:
         optional: true
 
-  pinyin-pro@3.24.2:
-    resolution: {integrity: sha512-5tPyLhxT4CZ9dWqQRqm3X5ADdS18Sb2w0ranNBgr6jCrqO4O8gtfuyqG7Y6+1Mre+0n2VlhKDz+3P5oqSLrkOw==, tarball: https://registry.npmjs.org/pinyin-pro/-/pinyin-pro-3.24.2.tgz}
-
   pkg-types@1.2.0:
     resolution: {integrity: sha512-+ifYuSSqOQ8CqP4MbZA5hDpb97n3E8SVWdJe+Wms9kj745lmd3b7EZJiqvmLwAlmRfjrI7Hi5z3kdBJ93lFNPA==, tarball: https://registry.npmjs.org/pkg-types/-/pkg-types-1.2.0.tgz}
 
@@ -3053,8 +3047,8 @@ packages:
   util-deprecate@1.0.2:
     resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==, tarball: https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz}
 
-  utils4u@2.1.2:
-    resolution: {integrity: sha512-5rTI/YTS4LGW3EbfsW4T2kNFfcZuwAh0Ts42zA5NWktO9kBYel/u7eCAkXglDYgMYk/YOzSwgErNTaokzh3g4A==, tarball: https://registry.npmjs.org/utils4u/-/utils4u-2.1.2.tgz}
+  utils4u@2.3.0:
+    resolution: {integrity: sha512-v1A0eWhia9QeDk0sAQGabM1VbM+VZHF1X4HeMxRcr4dA1qjTIEedhE1s2T4uvotbYjpODdLJ5RXN0973+tnS1A==, tarball: https://registry.npmjs.org/utils4u/-/utils4u-2.3.0.tgz}
 
   validator@13.12.0:
     resolution: {integrity: sha512-c1Q0mCiPlgdTVVVIJIrBuxNicYE+t/7oKeI9MWLj3fh/uq2Pxh/3eeWbVZ4OcGW1TUf53At0njHw5SMdA3tmMg==, tarball: https://registry.npmjs.org/validator/-/validator-13.12.0.tgz}
@@ -5862,8 +5856,6 @@ snapshots:
     optionalDependencies:
       typescript: 5.5.4
 
-  pinyin-pro@3.24.2: {}
-
   pkg-types@1.2.0:
     dependencies:
       confbox: 0.1.7
@@ -6431,7 +6423,7 @@ snapshots:
 
   util-deprecate@1.0.2: {}
 
-  utils4u@2.1.2: {}
+  utils4u@2.3.0: {}
 
   validator@13.12.0: {}
 

src/components/Icons.vue

@@ -1,24 +1,25 @@
 <template>
-  <div b="1px solid pink" mt-8 text-24 p-8 space-y-8>
+  <div b="1px solid pink" mt-8 text-16 p-8 space-y-8>
     <!-- https://icon-sets.iconify.design -->
 
-    <div b="1px solid pink" text-24>
+    <div b="1px solid pink">
       <div>@iconify-json/carbon/icons.json</div>
       <div i-carbon-face-cool text-orange />
     </div>
 
-    <div b="1px solid pink" text-24>
+    <div b="1px solid pink">
       <div>Icons({ autoInstall: true })</div>
       <i-carbon-face-cool class="text-yellow" w-32 h-32 />
     </div>
 
-    <div b="1px solid pink" text-24>
+    <div b="1px solid pink">
       <div>pacman.svg</div>
       <div class="i-icon:pacman text-(pink)" />
     </div>
 
-    <div b="1px solid pink" text-24>
+    <div b="1px solid pink">
       <div>pacman.svg</div>
+      <!-- FIXME: [unocss] failed to load icon "svg-pacman" -->
       <i-svg-pacman text-blue w-48 h-48 />
     </div>
   </div>

unocss.config.ts

@@ -14,7 +14,7 @@ export default defineConfig({
   shortcuts: [
     {
       'logo-transform': 'i-icon:pacman w-6em h-6em transform transition-800',
-      pacman: 'i-icon:pacman uno-text-(pink 36)',
+      pacman: 'i-icon:pacman text-(pink 36)',
     },
   ],
   presets: [

vite.config.ts

@@ -3,10 +3,7 @@ import { VantResolver } from '@vant/auto-import-resolver';
 import Vue from '@vitejs/plugin-vue';
 import VueJsx from '@vitejs/plugin-vue-jsx';
 import ReactivityTransform from '@vue-macros/reactivity-transform/vite';
-import path from 'node:path';
 import { fileURLToPath, URL } from 'node:url';
-import { pinyin } from 'pinyin-pro';
-import type { OutputOptions } from 'rollup';
 import UnoCSS from 'unocss/vite';
 import AutoImport from 'unplugin-auto-import/vite';
 import { FileSystemIconLoader } from 'unplugin-icons/loaders';
@@ -18,6 +15,7 @@ import VueMacros from 'unplugin-vue-macros/vite';
 import Markdown from 'unplugin-vue-markdown/vite';
 import { getPascalCaseRouteName, VueRouterAutoImports } from 'unplugin-vue-router';
 import VueRouter from 'unplugin-vue-router/vite';
+import { createSplitChunkOutput } from 'utils4u/rollup';
 import { defineConfig, loadEnv, PluginOption } from 'vite';
 import cdnImport from 'vite-plugin-cdn-import';
 import vueDevTools from 'vite-plugin-vue-devtools';
@@ -41,53 +39,16 @@ export default defineConfig(({ mode, command }) => {
     build: {
       sourcemap: mode !== 'production' || env.VITE_SOURCE_MAP === 'true',
       rollupOptions: {
+        onwarn: (warning, warn) => {
+          if (warning.code === 'EVAL' && warning.message.includes('node_modules/.pnpm/eruda')) return;
+          warn(warning);
+        },
         output: env.VITE_SPLIT_CHUNKS === 'true' ? createSplitChunkOutput() : undefined,
       },
     },
   };
 });
 
-// packages/vite/src/node/plugins/splitVendorChunk.ts
-function createSplitChunkOutput(): OutputOptions {
-  return {
-    chunkFileNames: 'assets/chunk/[name]_[hash].js',
-    entryFileNames: 'assets/entry/[name]_[hash].js',
-    assetFileNames: 'assets/[ext]/[name]_[hash].[ext]',
-    manualChunks: (id /* , { getModuleIds, getModuleInfo } */) => {
-      if (isInNodeModules(id) /* && !isCSSRequest(id) */) {
-        let pkgName = id;
-        pkgName = pkgName.split('.pnpm/')?.[1] || pkgName;
-        pkgName = pkgName.split('node_modules/')?.[1] || pkgName;
-        pkgName = pkgName.startsWith('@') ? pkgName.split('/')[0] + '/' + pkgName.split('/')[1] : pkgName.split('/')[0];
-
-        if (pkgName.startsWith('@vue/') /* || pkgName === 'vue-demi' */) pkgName = 'vue';
-        /* if (pkgName.includes('vue-router')) pkgName = 'vue-router'; */
-
-        return `libs/${pkgName}`;
-      } else if (id.includes('src/components')) {
-        return formatFilename(id, 'components');
-      } else if (id.includes('src/pages')) {
-        return formatFilename(id, 'pages');
-      }
-    },
-  };
-
-  function formatFilename(id: string, prefix: string) {
-    let filename = path
-      .basename(id)
-      .split('?')[0]
-      .replace(/\.\w+$/, '');
-    filename = pinyin(filename, { type: 'array' }).join('');
-    return `${prefix}/${filename}`;
-  }
-
-  function isInNodeModules(id: string): boolean {
-    return id.includes('node_modules');
-  }
-  /* const CSS_LANGS_RE = /\.(css|less|sass|scss|styl|stylus|pcss|postcss|sss)(?:$|\?)/;
-  const isCSSRequest = (request: string): boolean => CSS_LANGS_RE.test(request); */
-}
-
 function Plugins() {
   const plugins: PluginOption[] = [];
 
@@ -137,7 +98,6 @@ function Plugins() {
       ],
     }),
     Icons({
-      compiler: 'vue3',
       autoInstall: true,
       customCollections: {
         svg: FileSystemIconLoader('src/assets/icons/svgs', (svg) => {