eslint fix

Author: kevinongko

karma.conf.js

@@ -1,37 +1,36 @@
 // https://github.com/Nikku/karma-browserify
 
-module.exports = function(config) {
-
-    config.set({
-        browsers: [
-            'PhantomJS',
-            // 'Chrome'
-        ],
-        frameworks: ['jasmine'],
-        files: ['spec/**/*.js'],
-        reporters: ['spec'],
-        preprocessors: {
-            'spec/**/*.js': ['webpack']
-        },
-        webpack: {
-          resolve: {
-            alias: {
-              'vue$': 'vue/dist/vue'
-            }
-          },
-          module: {
-                rules: [{
-                    test: /\.vue$/,
-                    loader: 'vue-loader'
-                }, {
-                    test: /\.js$/,
-                    loader: 'babel-loader',
-                    exclude: /node_modules/
-                }]
-            }
-        },
-        // if you want to continuously re-run tests on file-save,
-        // replace the following line with `autoWatch: true`
-        singleRun: true
-    })
+module.exports = config => {
+  config.set({
+    browsers: [
+      'PhantomJS'
+      // 'Chrome'
+    ],
+    frameworks: ['jasmine'],
+    files: ['spec/**/*.js'],
+    reporters: ['spec'],
+    preprocessors: {
+      'spec/**/*.js': ['webpack']
+    },
+    webpack: {
+      resolve: {
+        alias: {
+          'vue$': 'vue/dist/vue'
+        }
+      },
+      module: {
+        rules: [{
+          test: /\.vue$/,
+          loader: 'vue-loader'
+        }, {
+          test: /\.js$/,
+          loader: 'babel-loader',
+          exclude: /node_modules/
+        }]
+      }
+    },
+    // if you want to continuously re-run tests on file-save,
+    // replace the following line with `autoWatch: true`
+    singleRun: true
+  })
 }

spec/vue_numeric.spec.js

@@ -1,37 +1,36 @@
-import Vue from 'vue';
-Vue.config.productionTip = false;
-import VueNumeric from './../src/vue-numeric.vue';
+/* global beforeEach, expect, it, describe */
 
-function getInput(Component, propsData) {
+import Vue from 'vue'
+import VueNumeric from './../src/vue-numeric.vue'
+Vue.config.productionTip = false
+
+function getInput (Component, propsData) {
   const Ctor = Vue.extend(Component)
   const vm = new Ctor({ propsData: propsData }).$mount()
-  return vm.$el;
+  return vm.$el
 }
 
-describe("vue-numeric", function() {
-
-  let el;
+describe('vue-numeric', () => {
+  let el
 
   beforeEach(() => {
-    el = document.createElement('div');
+    el = document.createElement('div')
 
-    document.body.appendChild(el);
-  });
+    document.body.appendChild(el)
+  })
 
-  it("Uses the default decimal separator ,", done => {
-
-    var input = getInput(VueNumeric, { value: '2000' });
+  it('Uses the default decimal separator ,', done => {
+    var input = getInput(VueNumeric, { value: '2000' })
     Vue.nextTick(() => {
       expect(input.value).toEqual(' 2,000')
       done()
-    });
-
-  });
+    })
+  })
 
   it('updates value with format if without focus', done => {
     const vm = new Vue({
       el,
-      data: function() {
+      data () {
         return {
           total: 0
         }
@@ -40,19 +39,18 @@ describe("vue-numeric", function() {
       components: { VueNumeric }
     }).$mount()
 
-    vm.total = 3000;
+    vm.total = 3000
 
     Vue.nextTick(() => {
       expect(vm.$el.firstChild.value.trim()).toEqual('3,000')
       done()
-    });
-
-  });
+    })
+  })
 
   it('updates values decimals', done => {
     const vm = new Vue({
       el,
-      data: function() {
+      data () {
         return {
           total: 0
         }
@@ -64,27 +62,25 @@ describe("vue-numeric", function() {
       components: { VueNumeric }
     }).$mount()
 
-    vm.total = 3000;
+    vm.total = 3000
 
     Vue.nextTick(() => {
-      const span = vm.$el.getElementsByTagName('span')[0];
-      expect(span.textContent.trim()).toEqual('3000');
+      const span = vm.$el.getElementsByTagName('span')[0]
+      expect(span.textContent.trim()).toEqual('3000')
       expect(vm.$el.firstChild.value.trim()).toEqual('3.000,00')
       done()
-    });
-
-  });
-
+    })
+  })
 
   it('accepts decimal values', done => {
     const vm = new Vue({
       el,
-      data: function() {
+      data () {
         return {
           total: 200.22,
-          subtotal: "110.98",
-          large: "10.000,1"
-        };
+          subtotal: '110.98',
+          large: '10.000,1'
+        }
       },
       template: `<div>
         <vue-numeric v-model="large" separator="." precision="2"></vue-numeric>
@@ -99,15 +95,13 @@ describe("vue-numeric", function() {
       expect(vm.$el.children[1].value.trim()).toEqual('200,22')
       expect(vm.$el.children[2].value.trim()).toEqual('110.98')
       done()
-    });
-
-  });
-
+    })
+  })
 
   it('updates values with correct separator', done => {
     const vm = new Vue({
       el,
-      data: function() {
+      data () {
         return {
           total: 0
         }
@@ -119,22 +113,20 @@ describe("vue-numeric", function() {
       components: { VueNumeric }
     }).$mount()
 
-    vm.total = 3000;
+    vm.total = 3000
 
     Vue.nextTick(() => {
-      const span = vm.$el.getElementsByTagName('span')[0];
-      expect(span.textContent.trim()).toEqual('3000');
+      const span = vm.$el.getElementsByTagName('span')[0]
+      expect(span.textContent.trim()).toEqual('3000')
       expect(vm.$el.firstChild.value.trim()).toEqual('3.000')
       done()
-    });
-
-  });
-
+    })
+  })
 
   it('updates value without format', done => {
     const vm = new Vue({
       el,
-      data: function() {
+      data () {
         return {
           total: 0
         }
@@ -143,15 +135,12 @@ describe("vue-numeric", function() {
       components: { VueNumeric }
     }).$mount()
 
-    vm.$el.firstChild.focus();
-    vm.total = 3000;
+    vm.$el.firstChild.focus()
+    vm.total = 3000
 
     Vue.nextTick(() => {
-      expect(vm.$el.firstChild.value.trim()).toEqual('3000');
+      expect(vm.$el.firstChild.value.trim()).toEqual('3000')
       done()
-    });
-
-  });
-
-
-});
+    })
+  })
+})

src/vue-numeric.vue

@@ -183,9 +183,9 @@ export default {
       let number = 0
 
       if (this.separator === '.') {
-        let cleanValue = value;
-        if (typeof value != 'string') {
-          cleanValue = this.numberToString(value);
+        let cleanValue = value
+        if (typeof value !== 'string') {
+          cleanValue = this.numberToString(value)
         }
         number = Number(String(cleanValue).replace(/[^0-9-,]+/g, '').replace(',', '.'))
       } else {
@@ -250,7 +250,7 @@ export default {
      * @param {Number} value
      */
     convertToNumber (value) {
-      this.amount = this.numberToString(value);
+      this.amount = this.numberToString(value)
     }
   },
 
@@ -263,7 +263,7 @@ export default {
     numberValue (val, oldVal) {
       if (this.amountValue !== val && this.amountValue === oldVal) {
         this.convertToNumber(val)
-        if (this.$el !== document.activeElement) {
+        if (this.$refs.numeric !== document.activeElement) {
           this.formatValue(val)
         }
       }