Merge pull request LucasLeandro1204#6 from LucasLeandro1204/fix-lint-issues

Fix lint issues

Author: LucasLeandro1204

package.json

@@ -29,6 +29,9 @@
     "animation",
     "loading-animations"
   ],
+  "dependencies": {
+    "vue": "^2.4.4"
+  },
   "devDependencies": {
     "babel-core": "^6.26.0",
     "babel-loader": "^7.1.2",
@@ -45,7 +48,6 @@
     "github-markdown-css": "^2.9.0",
     "node-sass": "^4.5.3",
     "sass-loader": "^6.0.6",
-    "vue": "^2.4.4",
     "vue-loader": "^13.0.5",
     "vue-template-compiler": "^2.4.4",
     "webpack": "^3.6.0",

src/App.vue

@@ -39,7 +39,7 @@
 </template>
 
 <script>
-  import VueContentLoading, { VclCode, VclList, VclInstagram, VclFacebook, } from './core/components.js';
+  import VueContentLoading, { VclCode, VclList, VclInstagram, VclFacebook } from './core/components';
 
   export default {
     components: {

src/components/VueContentLoading.js

@@ -40,21 +40,28 @@ export default {
     },
 
     formatedSpeed () {
-      return this.speed + 's';
+      return `${this.speed}s`;
     },
 
     gradientId () {
-      return 'gradient-' + this._uid;
+      return `gradient-${this._uid}`;
     },
 
     clipPathId () {
-      return 'clipPath-' + this._uid;
+      return `clipPath-${this._uid}`;
     },
   },
 
   template: `
     <svg :viewBox="viewbox" preserveAspectRatio="xMidYMid meet">
-      <rect :style="{ fill: 'url(#' + gradientId + ')' }" :clip-path="'url(#' + clipPathId + ')'" x="0" y="0" :width="width" :height="height" />
+      <rect
+        :style="{ fill: 'url(#' + gradientId + ')' }" 
+        :clip-path="'url(#' + clipPathId + ')'"
+        x="0" 
+        y="0" 
+        :width="width" 
+        :height="height" 
+      />
 
       <defs>
         <clipPath :id="clipPathId">