refactor(source): refactor GeoCoderCtrl & remove vue config file 💅

Author: vinayakkulkarni

src/GeocoderControl.js

@@ -1,88 +1,88 @@
-import MapboxGeocoder from "@mapbox/mapbox-gl-geocoder";
-import { $helpers } from "vue-mapbox";
+import MapboxGeocoder from '@mapbox/mapbox-gl-geocoder';
+import { $helpers } from 'vue-mapbox';
 
 const geocoderEvents = {
-  clear: "clear",
-  loading: "loading",
-  results: "results",
-  result: "result",
-  error: "error"
+  clear: 'clear',
+  loading: 'loading',
+  results: 'results',
+  result: 'result',
+  error: 'error',
 };
 
 export default {
-  name: "GeocoderControl",
+  name: 'GeocoderControl',
   mixins: [$helpers.asControl],
 
-  inject: ["mapbox", "map"],
+  inject: ['mapbox', 'map'],
 
   props: {
     // Mapbox-geocoder options
     accessToken: {
       type: String,
-      required: true
+      required: true,
     },
     zoom: {
       type: Number,
-      default: 16
+      default: 16,
     },
     flyTo: {
       type: Boolean,
-      default: true
+      default: true,
     },
     placeholder: {
       type: String,
-      default: "Search"
+      default: 'Search',
     },
     proximity: {
       type: Object,
-      default: null
+      default: null,
     },
     trackProximity: {
       type: Boolean,
-      default: false
+      default: false,
     },
     bbox: {
       type: Array,
-      default: null
+      default: null,
     },
     types: {
       type: String,
-      default: null
+      default: null,
     },
     country: {
       type: String,
-      default: null
+      default: null,
     },
     minLength: {
       type: Number,
-      default: 2
+      default: 2,
     },
     limit: {
       type: Number,
-      default: 5
+      default: 5,
     },
     language: {
       type: String,
-      default: null
+      default: null,
     },
     filter: {
       type: Function,
-      default: null
+      default: null,
     },
     localGeocoder: {
       type: Function,
-      default: null
+      default: null,
     },
     // Component options
     input: {
       type: String,
-      default: null
-    }
+      default: null,
+    },
   },
 
   data() {
     return {
-      initial: true
+      initial: true,
     };
   },
 
@@ -93,13 +93,13 @@ export default {
           this.control.setInput(next);
         }
       },
-      immediate: true
+      immediate: true,
     },
     proximity(next, prev) {
       if (this.control && next !== prev) {
         this.control.setProximity(next);
       }
-    }
+    },
   },
 
   created() {
@@ -108,13 +108,13 @@ export default {
       this.mapbox.accessToken = this.accessToken;
     }
     this.control = new MapboxGeocoder(this.$props);
-    this.control.on("results", this.$_updateInput);
+    this.control.on('results', this.$_updateInput);
 
     this.$_deferredMount();
   },
 
   beforeDestroy() {
-    this.control.off("results", this.$_updateInput);
+    this.control.off('results', this.$_updateInput);
   },
 
   methods: {
@@ -123,14 +123,14 @@ export default {
       if (this.input) {
         this.control.setInput(this.input);
       }
-      this.$_emitEvent("added", { geocoder: this.control });
+      this.$_emitEvent('added', { geocoder: this.control });
       this.$_bindSelfEvents(Object.keys(geocoderEvents));
       this.initial = false;
     },
 
     $_bindSelfEvents(events) {
       const vm = this;
-      Object.keys(this.$listeners).forEach(eventName => {
+      Object.keys(this.$listeners).forEach((eventName) => {
         if (events.includes(eventName)) {
           this.control.on(eventName, vm.$_emitControlEvent.bind(vm, eventName));
         }
@@ -143,17 +143,17 @@ export default {
 
     $_updateInput(results) {
       if (!this.initial) {
-        const input = results.query ? results.query.join("") : "";
-        this.$emit("update:input", input);
+        const input = results.query ? results.query.join('') : '';
+        this.$emit('update:input', input);
       }
     },
 
     query(query) {
       if (this.control) {
-        this.$emit("update:input", query);
+        this.$emit('update:input', query);
         return this.contol.query(query);
       }
       return null;
-    }
-  }
+    },
+  },
 };

src/index.js

@@ -0,0 +1,3 @@
+import GeocoderControl from './GeocoderControl';
+
+export default GeocoderControl;