icons

vite.config.ts

@@ -9,6 +9,9 @@ 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';
+import IconsResolver from 'unplugin-icons/resolver';
+import Icons from 'unplugin-icons/vite';
 import { TDesignResolver } from 'unplugin-vue-components/resolvers';
 import Components from 'unplugin-vue-components/vite';
 import VueMacros from 'unplugin-vue-macros/vite';
@@ -126,15 +129,22 @@ function Plugins() {
       // allow auto import and register components used in markdown
       include: [/\.vue$/, /\.vue\?vue/, /\.md$/],
       resolvers: [
-        TDesignResolver({
-          library: 'mobile-vue',
-          esm: true,
-        }),
-        VantResolver({
-          importStyle: true,
-        }),
+        IconsResolver({
+          customCollections: ['svg'],
+        }), // https://github.com/unplugin/unplugin-icons?tab=readme-ov-file#auto-importing
+        TDesignResolver({ library: 'mobile-vue', esm: true }),
+        VantResolver({ importStyle: true }),
       ],
     }),
+    Icons({
+      compiler: 'vue3',
+      autoInstall: true,
+      customCollections: {
+        svg: FileSystemIconLoader('src/assets/icons/svgs', (svg) => {
+          return svg.replace(/^<svg /, '<svg fill="currentColor" ');
+        }),
+      },
+    }),
   );
 
   plugins.push([vueDevTools()]);