@fortawesome/vue-fontawesome - npm Package Compare versions

Comparing version 0.0.1 to 0.0.2

example/webpack/package.json

@@ -12,4 +12,7 @@ {
   "dependencies": {
-    "@fortawesome/fontawesome": "^0.0.4",
-    "@fortawesome/fontawesome-solid": "^0.0.4",
+    "@fortawesome/fontawesome": "^0.0.7",
+    "@fortawesome/fontawesome-brands": "^0.0.7",
+    "@fortawesome/fontawesome-light": "^0.0.7",
+    "@fortawesome/fontawesome-regular": "^0.0.7",
+    "@fortawesome/fontawesome-solid": "^0.0.7",
     "vue": "^2.3.3"
@@ -16,0 +19,0 @@ },

example/webpack/src/main.js

 import Vue from 'vue'
 import App from './App.vue'
+import fontawesome from '@fortawesome/fontawesome'
+import { faCoffee } from '@fortawesome/fontawesome-solid'
 import FontAwesomeIcon from '@fortawesome/vue-fontawesome'
 
+fontawesome.library.add(faCoffee)
+
 Vue.component('font-awesome-icon', FontAwesomeIcon)
@@ -6,0 +10,0 @@

package.json

 {
   "name": "@fortawesome/vue-fontawesome",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "main": "index.js",
@@ -21,5 +21,6 @@ "author": "robmadole <[e-mail]>",
   },
-  "peerDependencies": {},
+  "peerDependencies": {
+    "@fortawesome/fontawesome": "^0.0.7"
+  },
   "devDependencies": {
-    "@fortawesome/fontawesome": "^0.0.3",
     "babel-jest": "^20.0.3",
@@ -26,0 +27,0 @@ "babel-preset-env": "^1.6.0",

src/components/icon.js

@@ -8,18 +8,47 @@ import fontawesome from '@fortawesome/fontawesome'
   props: {
-    icon: {
+    name: { 
+      type: String,
+      default: ''
+    },
+    pack: { 
+      type: String,
+      default: 'fa' 
+    },
+    iconDefinition: {
       type: Object,
-      required: true
+      default: null
     }
   },
 
-  render (h) {
-    const { abstract } = fontawesome.icon(this.icon)
-    const convertCurry = convert.bind(null, h)
+  data () {
+    return {
+      packNames: {
+        brands: 'fab',
+        light: 'fal',
+        regular: 'far',
+        solid: 'fas'
+      }
+    }
+  },
 
-    if (abstract.length === 1) {
-      return convertCurry(abstract[0])
-    } else {
-      return h('span', abstract.map(convertCurry))
+  computed: {
+    prefix () {
+      return this.packNames[this.pack] || this.pack
+    },
+
+    iconConfig () {
+      return { prefix: this.prefix, iconName: this.name }
+    },
+
+    icon () {
+      return fontawesome.icon(this.iconDefinition || this.iconConfig)
     }
+  },
+
+  render (createElement) {
+    const { abstract } = this.icon
+    const convertCurry = convert.bind(null, createElement)
+
+    return convertCurry(abstract[0])
   }
 }

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

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

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

274594

increased by2%

Dev dependency count

12

decreased by-7.69%

Number of package files

21

increased by10.53%

Lines of code

364

increased by94.65%

Worsened metrics

Dependency count

2

increased by100%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes