fix(preset-icons): upgrade @iconify/utils to fix encodeSvgForCss bug (

#1703)
unocss · Oct 9, 2022 · 68409bc · 68409bc
1 parent bce243b
commit 68409bc
Show file tree

Hide file tree

Showing 6 changed files with 19 additions and 5 deletions.
diff --git a/examples/vite-vue3/icons/icon.svg b/examples/vite-vue3/icons/icon.svg
diff --git a/examples/vite-vue3/icons/multi-line-attr.svg b/examples/vite-vue3/icons/multi-line-attr.svg
diff --git a/examples/vite-vue3/src/App.vue b/examples/vite-vue3/src/App.vue
@@ -4,5 +4,7 @@
     <div text-green5 text-lg>
       Hello UnoCSS + Vue
     </div>
+    <div i-custom-icon />
+    <div i-custom-multi-line-attr />
   </div>
 </template>
diff --git a/examples/vite-vue3/vite.config.ts b/examples/vite-vue3/vite.config.ts
@@ -1,9 +1,13 @@
+import { resolve } from 'path'
 import { defineConfig } from 'vite'
 import Vue from '@vitejs/plugin-vue'
 import UnoCSS from 'unocss/vite'
 import presetAttributify from '@unocss/preset-attributify'
 import presetIcons from '@unocss/preset-icons'
 import presetUno from '@unocss/preset-uno'
+import { FileSystemIconLoader } from '@iconify/utils/lib/loader/node-loaders'
+
+const iconDirectory = resolve(__dirname, 'icons')
 
 // https://vitejs.dev/config/
 export default defineConfig({
@@ -21,6 +25,9 @@ export default defineConfig({
             'display': 'inline-block',
             'vertical-align': 'middle',
           },
+          collections: {
+            custom: FileSystemIconLoader(iconDirectory),
+          },
         }),
       ],
     }),

diff --git a/packages/preset-icons/package.json b/packages/preset-icons/package.json
@@ -51,7 +51,7 @@
     "stub": "unbuild --stub"
   },
   "dependencies": {
-    "@iconify/utils": "^2.0.0",
+    "@iconify/utils": "^2.0.1",
     "@unocss/core": "workspace:*",
     "ohmyfetch": "^0.4.19"
   },

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml