style: apply lint fixes (#63)

Author: isneezy

.eslintrc.js

@@ -1,14 +1,14 @@
 module.exports = {
   root: true,
   env: {
-    node: true
+    node: true,
   },
   extends: ['plugin:vue/essential', 'eslint:recommended', '@vue/prettier'],
   parserOptions: {
-    parser: 'babel-eslint'
+    parser: 'babel-eslint',
   },
   rules: {
     'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
-    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off'
-  }
+    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
+  },
 }

babel.config.js

@@ -1,3 +1,3 @@
 module.exports = {
-  presets: ['@vue/cli-plugin-babel/preset']
+  presets: ['@vue/cli-plugin-babel/preset'],
 }

src/App.vue

@@ -12,10 +12,10 @@ import 'selectize/dist/css/selectize.default.css'
 export default {
   name: 'app',
   data: () => ({
-    ex1Options: ['awesome', 'neat']
+    ex1Options: ['awesome', 'neat'],
   }),
   components: {
-    VSelectize
-  }
+    VSelectize,
+  },
 }
 </script>

src/components/VSelectize.vue

@@ -58,8 +58,8 @@
         <div
           v-if="
             !filteredOptions.length &&
-              searchText.length &&
-              typeof createItem === 'function'
+            searchText.length &&
+            typeof createItem === 'function'
           "
           class="option create active"
           @click="selectActiveOption"
@@ -143,18 +143,18 @@ export default {
      * Set to false to disable new option creation
      */
     createItem: {
-      default: function(text) {
+      default: function (text) {
         return Promise.resolve(text)
       },
-      type: [Function, Boolean]
+      type: [Function, Boolean],
     },
 
     searchFn: { default: false, type: [Boolean, Function] },
 
     /**
      * Selectize theme
      */
-    theme: { default: '', type: String }
+    theme: { default: '', type: String },
   },
 
   data: () => ({
@@ -163,7 +163,7 @@ export default {
     searchText: '',
     activeOptionKey: '',
     selected: [],
-    busy: false
+    busy: false,
   }),
 
   mounted() {
@@ -211,7 +211,7 @@ export default {
         distance: 100,
         maxPatternLength: 32,
         minMatchCharLength: 1,
-        keys: this.keys
+        keys: this.keys,
       })
       const options =
         this.searchText.length && !this.disableSearch
@@ -327,7 +327,7 @@ export default {
           : 'none'
       style['width'] = `100%`
       return style
-    }
+    },
   },
 
   methods: {
@@ -557,18 +557,18 @@ export default {
     },
     setNotBusy() {
       this.busy = false
-    }
+    },
   },
 
   watch: {
     value: {
       handler(value) {
         this.setSelectedValue(value)
       },
-      deep: true
-    }
+      deep: true,
+    },
   },
-  directives: { ClickOutside }
+  directives: { ClickOutside },
 }
 </script>
 

src/main.js

@@ -4,5 +4,5 @@ import App from './App.vue'
 Vue.config.productionTip = false
 
 new Vue({
-  render: (h) => h(App)
+  render: (h) => h(App),
 }).$mount('#app')