Removed material icon dependecy, already injected in component

Author: hazzo

README.md

@@ -1,12 +1,8 @@
 #   Stepper
 
-<p align="center">
-<img src="" />
-</p>
-
 Stepper for Vue.
 
-A simple stepper with simple actions such as next, back and end to perform simple forms.
+A simple stepper with simple actions such as next, back and finish to perform simple forms.
 
 <a href="https://pygmyslowloris.github.io/vue-stepper/"> Live Demo</a>
 
@@ -16,14 +12,6 @@ A simple stepper with simple actions such as next, back and end to perform simpl
 npm install vue-stepper --save
 ```
 
-##  Dependencies
-
-Include the following stylesheet on your document's head
-
-```
-<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
-```
-
 ##  Properties
 
 | Properties            | Type      | Values     |

dist/build.js

@@ -25,7 +25,8 @@
                     mode="out-in"
             >
                 <keep-alive>
-                    <component :is="steps[currentStep.index].component" :clickedNext="nextButton[currentStep.name]" @can-continue="proceed"></component>
+                    <component :is="steps[currentStep.index].component" :clickedNext="nextButton[currentStep.name]"
+                               @can-continue="proceed"></component>
                 </keep-alive>
             </transition>
         </div>
@@ -111,28 +112,28 @@
                 }
             },
             activateStep(index, back = false) {
-                if(this.steps[index]) {
+                if (this.steps[index]) {
                     this.previousStep = this.currentStep;
                     this.currentStep = {
                         name: this.steps[index].name,
                         index: index
                     };
 
-                    if(index + 1 === this.steps.length) {
+                    if (index + 1 === this.steps.length) {
                         this.finalStep = true;
                     } else {
                         this.finalStep = false;
                     }
 
-                    if(!back) {
+                    if (!back) {
                         this.$emit('completed-step', this.previousStep);
                     }
                 }
                 this.$emit('active-step', this.currentStep);
             },
             nextStep() {
                 if (this.canContinue) {
-                    if(this.finalStep) {
+                    if (this.finalStep) {
                         this.$emit('stepper-finished', this.currentStep);
                     }
                     let currentIndex = this.currentStep.index + 1;
@@ -156,11 +157,36 @@
         created() {
             // Initiate stepper
             this.activateStep(0);
-            this.steps.forEach( (step)=> {
+            this.steps.forEach((step) => {
                 this.nextButton[step.name] = false;
             });
         }
     }
 </script>
 
-<style src="./HorizontalStepper.scss" scoped lang="scss"></style>
+<style src="./HorizontalStepper.scss" scoped lang="scss"></style>
+<style scoped>
+    /* fallback */
+    @font-face {
+        font-family: 'Material Icons';
+        font-style: normal;
+        font-weight: 400;
+        src: local('Material Icons'), local('MaterialIcons-Regular'), url(https://fonts.gstatic.com/s/materialicons/v17/2fcrYFNaTjcS6g4U3t-Y5ZjZjT5FdEJ140U2DJYC3mY.woff2) format('woff2');
+    }
+
+    .material-icons {
+        font-family: 'Material Icons';
+        font-weight: normal;
+        font-style: normal;
+        font-size: 24px;
+        line-height: 1;
+        letter-spacing: normal;
+        text-transform: none;
+        display: inline-block;
+        white-space: nowrap;
+        word-wrap: normal;
+        direction: ltr;
+        -webkit-font-feature-settings: 'liga';
+        -webkit-font-smoothing: antialiased;
+    }
+</style>