vue-feather - npm Package Compare versions

Comparing version 2.0.0-beta to 2.0.0-beta.1

CHANGELOG.md

@@ -0,1 +1,10 @@
+# [2.0.0-beta.1](https://github.com/fengyuanchen/vue-feather/compare/v2.0.0-beta...v2.0.0-beta.1) (2021-04-24)
+
+
+### Bug Fixes
+
+* use the `innerHTML` property to render icon content ([#9](https://github.com/fengyuanchen/vue-feather/issues/9)) ([a08bef5](https://github.com/fengyuanchen/vue-feather/commit/a08bef5bc3b9b6e93a0773754429af5c556c3ea1))
+
+
+
 # [2.0.0-beta](https://github.com/fengyuanchen/vue-feather/compare/v2.0.0-alpha...v2.0.0-beta) (2021-01-23)
@@ -2,0 +11,0 @@

dist/vue-feather.esm.js

@@ -1,5 +0,4 @@
-/*! vue-feather v2.0.0-beta | (c) 2018-present Chen Fengyuan | MIT */
+/*! vue-feather v2.0.0-beta.1 | (c) 2018-present Chen Fengyuan | MIT */
 import { defineComponent, h } from 'vue';
 import * as feather from 'feather-icons';
-import { icons } from 'feather-icons';
 
@@ -52,3 +51,3 @@ var script = defineComponent({
                 }
-                if (!icons[type]) {
+                if (!feather.icons[type]) {
                     throw new Error(`"${type}" is not an available icon type.`);
@@ -62,3 +61,3 @@ }
         const { animation, animationSpeed, size, type, } = this;
-        const icon = icons[type];
+        const icon = feather.icons[type];
         return h(this.tag, {
@@ -86,7 +85,4 @@ ...this.$attrs,
                 class: [icon.attrs.class, 'vue-feather__content'],
-            }, [
-                h({
-                    template: icon.contents,
-                }),
-            ]),
+                innerHTML: icon.contents,
+            }),
         ]);
@@ -93,0 +89,0 @@ },

dist/vue-feather.esm.min.js

@@ -1,2 +0,2 @@
-/*! vue-feather v2.0.0-beta | (c) 2018-present Chen Fengyuan | MIT */
-import{defineComponent as e,h as t}from"vue";import*as i from"feather-icons";import{icons as a}from"feather-icons";var n=e({name:"VueFeather",props:{animation:{type:String,default:void 0},animationSpeed:{type:String,default:void 0},fill:{type:String,default:"none"},size:{type:[Number,String],default:24},stroke:{type:String,default:"currentColor"},strokeLinecap:{type:String,default:"round"},strokeLinejoin:{type:String,default:"round"},strokeWidth:{type:[Number,String],default:2},tag:{type:String,default:"i"},type:{type:String,default:"feather",validator(e){if(!i)throw new Error("The Feather icons is required.");if(!a[e])throw new Error(`"${e}" is not an available icon type.`);return!0}}},render(){const{animation:e,animationSpeed:i,size:n,type:r}=this,o=a[r];return t(this.tag,{...this.$attrs,"data-name":r,"data-tags":o.tags,"data-type":r,class:{"vue-feather":!0,[`vue-feather--${r}`]:r,[`vue-feather--${e}`]:e,[`vue-feather--${i}`]:i}},[t("svg",{...o.attrs,fill:this.fill,height:n,stroke:this.stroke,"stroke-linecap":this.strokeLinecap,"stroke-linejoin":this.strokeLinejoin,"stroke-width":this.strokeWidth,width:n,class:[o.attrs.class,"vue-feather__content"]},[t({template:o.contents})])])}});!function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===i&&a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}("@-webkit-keyframes vue-feather--spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes vue-feather--spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.vue-feather{display:inline-block;overflow:hidden}.vue-feather--spin{-webkit-animation:vue-feather--spin 2s linear infinite;animation:vue-feather--spin 2s linear infinite}.vue-feather--pulse{-webkit-animation:vue-feather--spin 2s steps(8) infinite;animation:vue-feather--spin 2s steps(8) infinite}.vue-feather--slow{-webkit-animation-duration:3s;animation-duration:3s}.vue-feather--fast{-webkit-animation-duration:1s;animation-duration:1s}.vue-feather__content{display:block;height:inherit;width:inherit}");export default n;
+/*! vue-feather v2.0.0-beta.1 | (c) 2018-present Chen Fengyuan | MIT */
+import{defineComponent as e,h as t}from"vue";import*as i from"feather-icons";var n=e({name:"VueFeather",props:{animation:{type:String,default:void 0},animationSpeed:{type:String,default:void 0},fill:{type:String,default:"none"},size:{type:[Number,String],default:24},stroke:{type:String,default:"currentColor"},strokeLinecap:{type:String,default:"round"},strokeLinejoin:{type:String,default:"round"},strokeWidth:{type:[Number,String],default:2},tag:{type:String,default:"i"},type:{type:String,default:"feather",validator(e){if(!i)throw new Error("The Feather icons is required.");if(!i.icons[e])throw new Error(`"${e}" is not an available icon type.`);return!0}}},render(){const{animation:e,animationSpeed:n,size:a,type:r}=this,s=i.icons[r];return t(this.tag,{...this.$attrs,"data-name":r,"data-tags":s.tags,"data-type":r,class:{"vue-feather":!0,[`vue-feather--${r}`]:r,[`vue-feather--${e}`]:e,[`vue-feather--${n}`]:n}},[t("svg",{...s.attrs,fill:this.fill,height:a,stroke:this.stroke,"stroke-linecap":this.strokeLinecap,"stroke-linejoin":this.strokeLinejoin,"stroke-width":this.strokeWidth,width:a,class:[s.attrs.class,"vue-feather__content"],innerHTML:s.contents})])}});!function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===i&&n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}("@-webkit-keyframes vue-feather--spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes vue-feather--spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.vue-feather{display:inline-block;overflow:hidden}.vue-feather--spin{-webkit-animation:vue-feather--spin 2s linear infinite;animation:vue-feather--spin 2s linear infinite}.vue-feather--pulse{-webkit-animation:vue-feather--spin 2s steps(8) infinite;animation:vue-feather--spin 2s steps(8) infinite}.vue-feather--slow{-webkit-animation-duration:3s;animation-duration:3s}.vue-feather--fast{-webkit-animation-duration:1s;animation-duration:1s}.vue-feather__content{display:block;height:inherit;width:inherit}");export default n;

dist/vue-feather.js

@@ -1,2 +0,2 @@
-/*! vue-feather v2.0.0-beta | (c) 2018-present Chen Fengyuan | MIT */
+/*! vue-feather v2.0.0-beta.1 | (c) 2018-present Chen Fengyuan | MIT */
 (function (global, factory) {
@@ -76,3 +76,3 @@ typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('vue'), require('feather-icons')) :
                   }
-                  if (!feather.icons[type]) {
+                  if (!feather__namespace.icons[type]) {
                       throw new Error(`"${type}" is not an available icon type.`);
@@ -86,3 +86,3 @@ }
           const { animation, animationSpeed, size, type, } = this;
-          const icon = feather.icons[type];
+          const icon = feather__namespace.icons[type];
           return vue.h(this.tag, {
@@ -110,7 +110,4 @@ ...this.$attrs,
                   class: [icon.attrs.class, 'vue-feather__content'],
-              }, [
-                  vue.h({
-                      template: icon.contents,
-                  }),
-              ]),
+                  innerHTML: icon.contents,
+              }),
           ]);
@@ -117,0 +114,0 @@ },

dist/vue-feather.min.js

@@ -1,2 +0,2 @@
-/*! vue-feather v2.0.0-beta | (c) 2018-present Chen Fengyuan | MIT */
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue"),require("feather-icons")):"function"==typeof define&&define.amd?define(["vue","feather-icons"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).VueFeather=t(e.Vue,e.feather)}(this,(function(e,t){"use strict";function i(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(i){if("default"!==i){var n=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(t,i,n.get?n:{enumerable:!0,get:function(){return e[i]}})}})),t.default=e,Object.freeze(t)}var n=i(t),r=e.defineComponent({name:"VueFeather",props:{animation:{type:String,default:void 0},animationSpeed:{type:String,default:void 0},fill:{type:String,default:"none"},size:{type:[Number,String],default:24},stroke:{type:String,default:"currentColor"},strokeLinecap:{type:String,default:"round"},strokeLinejoin:{type:String,default:"round"},strokeWidth:{type:[Number,String],default:2},tag:{type:String,default:"i"},type:{type:String,default:"feather",validator(e){if(!n)throw new Error("The Feather icons is required.");if(!t.icons[e])throw new Error(`"${e}" is not an available icon type.`);return!0}}},render(){const{animation:i,animationSpeed:n,size:r,type:a}=this,o=t.icons[a];return e.h(this.tag,{...this.$attrs,"data-name":a,"data-tags":o.tags,"data-type":a,class:{"vue-feather":!0,[`vue-feather--${a}`]:a,[`vue-feather--${i}`]:i,[`vue-feather--${n}`]:n}},[e.h("svg",{...o.attrs,fill:this.fill,height:r,stroke:this.stroke,"stroke-linecap":this.strokeLinecap,"stroke-linejoin":this.strokeLinejoin,"stroke-width":this.strokeWidth,width:r,class:[o.attrs.class,"vue-feather__content"]},[e.h({template:o.contents})])])}});return function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===i&&n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}}("@-webkit-keyframes vue-feather--spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes vue-feather--spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.vue-feather{display:inline-block;overflow:hidden}.vue-feather--spin{-webkit-animation:vue-feather--spin 2s linear infinite;animation:vue-feather--spin 2s linear infinite}.vue-feather--pulse{-webkit-animation:vue-feather--spin 2s steps(8) infinite;animation:vue-feather--spin 2s steps(8) infinite}.vue-feather--slow{-webkit-animation-duration:3s;animation-duration:3s}.vue-feather--fast{-webkit-animation-duration:1s;animation-duration:1s}.vue-feather__content{display:block;height:inherit;width:inherit}"),r}));
+/*! vue-feather v2.0.0-beta.1 | (c) 2018-present Chen Fengyuan | MIT */
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue"),require("feather-icons")):"function"==typeof define&&define.amd?define(["vue","feather-icons"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).VueFeather=t(e.Vue,e.feather)}(this,(function(e,t){"use strict";function i(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(i){if("default"!==i){var n=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(t,i,n.get?n:{enumerable:!0,get:function(){return e[i]}})}})),t.default=e,Object.freeze(t)}var n=i(t),r=e.defineComponent({name:"VueFeather",props:{animation:{type:String,default:void 0},animationSpeed:{type:String,default:void 0},fill:{type:String,default:"none"},size:{type:[Number,String],default:24},stroke:{type:String,default:"currentColor"},strokeLinecap:{type:String,default:"round"},strokeLinejoin:{type:String,default:"round"},strokeWidth:{type:[Number,String],default:2},tag:{type:String,default:"i"},type:{type:String,default:"feather",validator(e){if(!n)throw new Error("The Feather icons is required.");if(!n.icons[e])throw new Error(`"${e}" is not an available icon type.`);return!0}}},render(){const{animation:t,animationSpeed:i,size:r,type:a}=this,o=n.icons[a];return e.h(this.tag,{...this.$attrs,"data-name":a,"data-tags":o.tags,"data-type":a,class:{"vue-feather":!0,[`vue-feather--${a}`]:a,[`vue-feather--${t}`]:t,[`vue-feather--${i}`]:i}},[e.h("svg",{...o.attrs,fill:this.fill,height:r,stroke:this.stroke,"stroke-linecap":this.strokeLinecap,"stroke-linejoin":this.strokeLinejoin,"stroke-width":this.strokeWidth,width:r,class:[o.attrs.class,"vue-feather__content"],innerHTML:o.contents})])}});return function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===i&&n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}}("@-webkit-keyframes vue-feather--spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes vue-feather--spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.vue-feather{display:inline-block;overflow:hidden}.vue-feather--spin{-webkit-animation:vue-feather--spin 2s linear infinite;animation:vue-feather--spin 2s linear infinite}.vue-feather--pulse{-webkit-animation:vue-feather--spin 2s steps(8) infinite;animation:vue-feather--spin 2s steps(8) infinite}.vue-feather--slow{-webkit-animation-duration:3s;animation-duration:3s}.vue-feather--fast{-webkit-animation-duration:1s;animation-duration:1s}.vue-feather__content{display:block;height:inherit;width:inherit}"),r}));

package.json

 {
   "name": "vue-feather",
-  "version": "2.0.0-beta",
+  "version": "2.0.0-beta.1",
   "description": "Feather icons component for Vue 3.",
@@ -16,7 +16,7 @@ "main": "dist/vue-feather.js",
     "changelog": "conventional-changelog -p angular -i CHANGELOG.md -s -r 0",
-    "clear": "del-cli dist",
+    "clean": "del-cli dist",
     "lint": "npm run lint:js && npm run lint:css",
     "lint:css": "stylelint **/*.{css,scss,html,vue,md} --fix",
     "lint:js": "eslint . --ext .js,.ts,.vue --fix",
-    "release": "npm run clear && npm run lint && npm run build && npm run build:docs && npm test && npm run changelog",
+    "release": "npm run clean && npm run lint && npm run build && npm run build:docs && npm test && npm run changelog",
     "serve": "webpack serve --hot --open",
@@ -46,12 +46,12 @@ "start": "npm run serve",
   "devDependencies": {
-    "@babel/core": "^7.12.10",
-    "@babel/preset-env": "^7.12.11",
-    "@commitlint/cli": "^11.0.0",
-    "@commitlint/config-conventional": "^11.0.0",
+    "@babel/core": "^7.13.16",
+    "@babel/preset-env": "^7.13.15",
+    "@commitlint/cli": "^12.1.1",
+    "@commitlint/config-conventional": "^12.1.1",
     "@types/feather-icons": "^4.7.0",
-    "@types/jest": "^26.0.20",
-    "@typescript-eslint/eslint-plugin": "^4.14.0",
-    "@typescript-eslint/parser": "^4.14.0",
-    "@vue/compiler-sfc": "^3.0.5",
-    "@vue/test-utils": "^2.0.0-beta.14",
+    "@types/jest": "^26.0.22",
+    "@typescript-eslint/eslint-plugin": "^4.22.0",
+    "@typescript-eslint/parser": "^4.22.0",
+    "@vue/compiler-sfc": "^3.0.11",
+    "@vue/test-utils": "^2.0.0-rc.6",
     "babel-jest": "^26.6.3",
@@ -62,39 +62,39 @@ "babel-loader": "^8.2.2",
     "conventional-changelog-cli": "^2.1.1",
-    "create-banner": "^2.0.0-beta",
-    "css-loader": "^5.0.1",
+    "create-banner": "^2.0.0",
+    "css-loader": "^5.2.4",
     "del-cli": "^3.0.1",
-    "eslint": "^7.18.0",
-    "eslint-config-airbnb-typescript": "^12.0.0",
+    "eslint": "^7.25.0",
+    "eslint-config-airbnb-typescript": "^12.3.1",
     "eslint-plugin-import": "^2.22.1",
-    "eslint-plugin-vue": "^7.5.0",
+    "eslint-plugin-vue": "^7.9.0",
     "feather-icons": "^4.28.0",
-    "html-webpack-plugin": "^4.5.1",
+    "html-webpack-plugin": "^5.3.1",
     "husky": "^4.3.8",
     "jest": "^26.6.3",
-    "lint-staged": "^10.5.3",
+    "lint-staged": "^10.5.4",
     "markdown-to-vue-loader": "^3.1.0",
-    "mini-css-extract-plugin": "^1.3.4",
-    "postcss": "^8.2.4",
-    "rollup": "^2.38.0",
+    "mini-css-extract-plugin": "^1.5.0",
+    "postcss": "^8.2.12",
+    "rollup": "^2.45.2",
     "rollup-plugin-postcss": "^4.0.0",
     "rollup-plugin-terser": "^7.0.2",
-    "rollup-plugin-typescript2": "^0.29.0",
+    "rollup-plugin-typescript2": "^0.30.0",
     "rollup-plugin-vue": "^6.0.0",
-    "sass": "^1.32.5",
-    "sass-loader": "^10.1.1",
+    "sass": "^1.32.11",
+    "sass-loader": "^11.0.1",
     "style-loader": "^2.0.0",
-    "stylelint": "^13.9.0",
+    "stylelint": "^13.12.0",
     "stylelint-config-recommended-scss": "^4.2.0",
-    "stylelint-config-standard": "^20.0.0",
+    "stylelint-config-standard": "^21.0.0",
     "stylelint-order": "^4.1.0",
-    "stylelint-scss": "^3.18.0",
-    "ts-jest": "^26.4.4",
-    "ts-loader": "^8.0.14",
-    "tslib": "^2.1.0",
-    "typescript": "^4.1.3",
-    "vue": "^3.0.5",
+    "stylelint-scss": "^3.19.0",
+    "ts-jest": "^26.5.5",
+    "ts-loader": "^8.2.0",
+    "tslib": "^2.2.0",
+    "typescript": "^4.2.4",
+    "vue": "^3.0.11",
     "vue-jest": "^5.0.0-alpha.8",
     "vue-loader": "^16.1.2",
-    "webpack": "^5.17.0",
-    "webpack-cli": "^4.4.0",
+    "webpack": "^5.35.1",
+    "webpack-cli": "^4.6.0",
     "webpack-dev-server": "^3.11.2"
@@ -112,3 +112,2 @@ },
     "> 1%",
-    "not ie < 11",
     "not dead"
@@ -115,0 +114,0 @@ ],

README.md

 # vue-feather
 
-[![Build Status](https://img.shields.io/github/workflow/status/fengyuanchen/vue-feather/ci/main.svg)](https://github.com/fengyuanchen/vue-feather/actions) [![Coverage Status](https://img.shields.io/codecov/c/github/fengyuanchen/vue-feather.svg)](https://codecov.io/gh/fengyuanchen/vue-feather) [![Downloads](https://img.shields.io/npm/dm/vue-feather.svg)](https://www.npmjs.com/package/vue-feather) [![Version](https://img.shields.io/npm/v/vue-feather.svg)](https://www.npmjs.com/package/vue-feather)
+[![Build Status](https://img.shields.io/github/workflow/status/fengyuanchen/vue-feather/ci/main.svg)](https://github.com/fengyuanchen/vue-feather/actions) [![Coverage Status](https://img.shields.io/codecov/c/github/fengyuanchen/vue-feather.svg)](https://codecov.io/gh/fengyuanchen/vue-feather) [![Downloads](https://img.shields.io/npm/dm/vue-feather.svg)](https://www.npmjs.com/package/vue-feather) [![Version](https://img.shields.io/npm/v/vue-feather.svg)](https://www.npmjs.com/package/vue-feather) [![Gzip Size](https://img.shields.io/bundlephobia/minzip/vue-feather.svg)](https://unpkg.com/vue-feather/dist/vue-feather.js)
 
@@ -39,6 +39,6 @@ > [Feather](https://feathericons.com/) icons component for Vue 3.
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import VueFeather from 'vue-feather';
 
-const app = Vue.createApp({});
+const app = createApp({});
 
@@ -45,0 +45,0 @@ app.component(VueFeather.name, VueFeather);

Fixed alerts

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

Improved metrics

Total package byte prevSize

23233

1.28%

Number of medium supply chain risk alerts

0

-100%

Worsened metrics

Lines of code

257

-2.65%

No dependency changes