0.2.1

package.json

@@ -1,6 +1,6 @@
 {
     "name": "vue-credit-card-field",
-    "version": "0.2.0",
+    "version": "0.2.1",
     "devDependencies": {
         "@babel/cli": "^7.1.2",
         "@babel/core": "^7.1.2",

src/CreditCardField.vue

@@ -58,32 +58,16 @@
 </template>
 
 <script>
+import './icons';
 import Payment from 'payment';
 import Variant from 'vue-interface/src/Mixins/Variant';
 import HelpText from 'vue-interface/src/Components/HelpText';
 import FormControl from 'vue-interface/src/Mixins/FormControl';
 import FormGroup from 'vue-interface/src/Components/FormGroup';
 import MergeClasses from 'vue-interface/src/Mixins/MergeClasses';
 import FormFeedback from 'vue-interface/src/Components/FormFeedback';
-import ActivityIndicator from 'vue-interface/src/Components/ActivityIndicator';
-
-// Load Fontawesome Icons
-import { library as fa } from '@fortawesome/fontawesome-svg-core';
-import { faCcJcb } from '@fortawesome/free-brands-svg-icons/faCcJcb';
-import { faCcVisa } from '@fortawesome/free-brands-svg-icons/faCcVisa';
-import { faCcAmex } from '@fortawesome/free-brands-svg-icons/faCCAmex';
-import { faCcDiscover } from '@fortawesome/free-brands-svg-icons/faCcDiscover';
-import { faCcMastercard } from '@fortawesome/free-brands-svg-icons/faCcMastercard';
-import { faCcDinersClub } from '@fortawesome/free-brands-svg-icons/faCcDinersClub';
-import { faExclamationTriangle } from '@fortawesome/free-solid-svg-icons/faExclamationTriangle';
-import { faCreditCard } from '@fortawesome/free-regular-svg-icons/faCreditCard';
-import { faCreditCard as faCreditCardSolid } from '@fortawesome/free-solid-svg-icons/faCreditCard';
 import { FontAwesomeIcon as Icon } from '@fortawesome/vue-fontawesome';
-
-fa.add(
-    faCcJcb, faCcVisa, faCcAmex, faCcDiscover, faCcMastercard, faCcDinersClub,
-    faExclamationTriangle, faCreditCard, faCreditCardSolid
-);
+import ActivityIndicator from 'vue-interface/src/Components/ActivityIndicator';
 
 export default {
 

src/icons.js

@@ -0,0 +1,37 @@
+// Load the icons
+import { faCcJcb } from '@fortawesome/free-brands-svg-icons/faCcJcb';
+import { faCcVisa } from '@fortawesome/free-brands-svg-icons/faCcVisa';
+import { faCcAmex } from '@fortawesome/free-brands-svg-icons/faCCAmex';
+import { faCcDiscover } from '@fortawesome/free-brands-svg-icons/faCcDiscover';
+import { faCcMastercard } from '@fortawesome/free-brands-svg-icons/faCcMastercard';
+import { faCcDinersClub } from '@fortawesome/free-brands-svg-icons/faCcDinersClub';
+import { faExclamationTriangle } from '@fortawesome/free-solid-svg-icons/faExclamationTriangle';
+import { faCreditCard as faCreditCardFront } from '@fortawesome/free-regular-svg-icons/faCreditCard';
+import { faCreditCard as faCreditCardBack } from '@fortawesome/free-solid-svg-icons/faCreditCard';
+
+// Load the font awesome library
+import { library } from '@fortawesome/fontawesome-svg-core';
+
+library.add(
+    faCcJcb,
+    faCcVisa,
+    faCcAmex,
+    faCcDiscover,
+    faCcMastercard,
+    faCcDinersClub,
+    faCreditCardFront,
+    faCreditCardBack,
+    faExclamationTriangle
+);
+
+export {
+    faCcJcb,
+    faCcVisa,
+    faCcAmex,
+    faCcDiscover,
+    faCcMastercard,
+    faCcDinersClub,
+    faCreditCardFront,
+    faCreditCardBack,
+    faExclamationTriangle
+};

src/main.js

@@ -5,7 +5,7 @@ export {
 };
 
 function install(vue, options) {
-    window.Vue && window.Vue.component('credit-card-field', CreditCardField);
+    vue.component('credit-card-field', CreditCardField);
 }
 
 if (window && window.Vue) {