unplugin-icons - npm Package Compare versions

Comparing version 0.7.5 to 0.7.6

dist/index.js

 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkTWNEKTUYjs = require('./chunk-TWNEKTUY.js');
-require('./chunk-77ZARRN2.js');
+var _chunkRS3RKS5Hjs = require('./chunk-RS3RKS5H.js');
+require('./chunk-4MIIZGSM.js');
 require('./chunk-6F4PWJZI.js');
@@ -9,2 +9,2 @@ require('./chunk-3B5L5EN5.js');
 
-exports.default = _chunkTWNEKTUYjs.src_default;
+exports.default = _chunkRS3RKS5Hjs.src_default;

dist/nuxt.js

 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkTWNEKTUYjs = require('./chunk-TWNEKTUY.js');
-require('./chunk-77ZARRN2.js');
+var _chunkRS3RKS5Hjs = require('./chunk-RS3RKS5H.js');
+require('./chunk-4MIIZGSM.js');
 require('./chunk-6F4PWJZI.js');
@@ -12,7 +12,7 @@ require('./chunk-3B5L5EN5.js');
     config.plugins = config.plugins || [];
-    config.plugins.unshift(_chunkTWNEKTUYjs.src_default.webpack(options));
+    config.plugins.unshift(_chunkRS3RKS5Hjs.src_default.webpack(options));
   });
   this.nuxt.hook("vite:extend", async (vite) => {
     vite.config.plugins = vite.config.plugins || [];
-    vite.config.plugins.push(_chunkTWNEKTUYjs.src_default.vite(options));
+    vite.config.plugins.push(_chunkRS3RKS5Hjs.src_default.vite(options));
   });
@@ -19,0 +19,0 @@ }

dist/resolver.js

 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk77ZARRN2js = require('./chunk-77ZARRN2.js');
+var _chunk4MIIZGSMjs = require('./chunk-4MIIZGSM.js');
 require('./chunk-3B5L5EN5.js');
@@ -32,3 +32,3 @@
       return;
-    if (!_chunk77ZARRN2js.getIcon.call(void 0, collection, icon))
+    if (!_chunk4MIIZGSMjs.getIcon.call(void 0, collection, icon))
       return;
@@ -35,0 +35,0 @@ return `~icons/${collection}/${icon}`;

dist/rollup.js

 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkTWNEKTUYjs = require('./chunk-TWNEKTUY.js');
-require('./chunk-77ZARRN2.js');
+var _chunkRS3RKS5Hjs = require('./chunk-RS3RKS5H.js');
+require('./chunk-4MIIZGSM.js');
 require('./chunk-6F4PWJZI.js');
@@ -9,3 +9,3 @@ require('./chunk-3B5L5EN5.js');
 // src/rollup.ts
-var rollup_default = _chunkTWNEKTUYjs.src_default.rollup;
+var rollup_default = _chunkRS3RKS5Hjs.src_default.rollup;
 
@@ -12,0 +12,0 @@

dist/vite.js

 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkTWNEKTUYjs = require('./chunk-TWNEKTUY.js');
-require('./chunk-77ZARRN2.js');
+var _chunkRS3RKS5Hjs = require('./chunk-RS3RKS5H.js');
+require('./chunk-4MIIZGSM.js');
 require('./chunk-6F4PWJZI.js');
@@ -9,3 +9,3 @@ require('./chunk-3B5L5EN5.js');
 // src/vite.ts
-var vite_default = _chunkTWNEKTUYjs.src_default.vite;
+var vite_default = _chunkRS3RKS5Hjs.src_default.vite;
 
@@ -12,0 +12,0 @@

dist/webpack.js

 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkTWNEKTUYjs = require('./chunk-TWNEKTUY.js');
-require('./chunk-77ZARRN2.js');
+var _chunkRS3RKS5Hjs = require('./chunk-RS3RKS5H.js');
+require('./chunk-4MIIZGSM.js');
 require('./chunk-6F4PWJZI.js');
@@ -9,3 +9,3 @@ require('./chunk-3B5L5EN5.js');
 // src/webpack.ts
-var webpack_default = _chunkTWNEKTUYjs.src_default.webpack;
+var webpack_default = _chunkRS3RKS5Hjs.src_default.webpack;
 
@@ -12,0 +12,0 @@

package.json

 {
   "name": "unplugin-icons",
-  "version": "0.7.5",
+  "version": "0.7.6",
   "description": "Access thousands of icons as components on-demand universally",
@@ -5,0 +5,0 @@ "homepage": "https://github.com/antfu/unplugin-icons",

README.md

@@ -327,2 +327,4 @@ # unplugin-icons
 
+> You can still use `virtual:icons` prefix in Vite if you prefer, but it's not yet supported in Webpack, we are unifying it as a workaround in the docs.
+
 ## Options
@@ -345,3 +347,4 @@
 
-> Currently only support Vue 2 and Vue 3.
+<details>
+<summary>Vue 2 & 3</summary><br>
 
@@ -370,3 +373,3 @@ Use with [`unplugin-vue-components`](https://github.com/antfu/unplugin-vue-components)
 
-Then you can use any icons as you want without explicit importing (only the used icons will be bundled)
+Then you can use any icons as you want without explicit importing. Only the used icons will be bundled.
 
@@ -380,2 +383,49 @@ ```html
 
+</details>
+
+<details>
+<summary>React & Solid</summary><br>
+
+Use with [`unplugin-auto-import`](https://github.com/antfu/unplugin-auto-import)
+
+For example in Vite:
+
+```js
+// vite.config.js
+import Icons from 'unplugin-icons/vite'
+import IconsResolver from 'unplugin-icons/resolver'
+import AutoImport from 'unplugin-auto-import/vite'
+
+export default {
+  plugins: [
+    /* ... */
+    AutoImport({
+      resolvers: [
+        IconsResolver({
+          componentPrefix: 'Icon'
+        })
+      ],
+    }),
+    Icons({
+      compiler: 'jsx' // or 'solid'
+    }),
+  ],
+}
+```
+
+Then you can use any icons with the prefix `Icon` as you want without explicit importing. Type declarations will be generated on the fly.
+
+```js
+export function Component() {
+  return (
+    <div>
+      <IconCarbonApps />
+      <IconMdiAccountBox style="font-size: 2em; color: red"/>
+    </div>
+  )
+}
+```
+
+</details>
+
 ### Name Conversion
@@ -394,16 +444,8 @@
 ```ts
-export default {
-  plugins: [
-    Vue(),
-    Components({
-      resolvers: IconsResolver({
-        componentPrefix: 'icon' // <--
-      }),
-    }),
-    Icons(),
-  ],
-}
+IconsResolver({
+  componentPrefix: 'icon' // <--
+})
 ```
 
-```vue
+```html
 <template>
@@ -410,0 +452,0 @@ <icon-mdi-account />

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

36696

increased by3.1%

Lines of code

764

increased by0.53%

Number of lines in readme file

480

increased by9.59%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes