Version 0.2 support

Author: soal

.eslintignore

@@ -1,4 +1,4 @@
 node_modules/map-promisified/**/*.js
 node_modules/map-promisified/**/*.ts
 .dist
-dist
+build

package.json

@@ -31,9 +31,10 @@
     "lint": "vue-cli-service lint"
   },
   "peerDependencies": {
-    "vue": "^2.5.22",
+    "vue": "^2.6.6",
     "mapbox-gl": "^0.53.0",
-    "vue-mapbox": "^0.2.0"
+    "vue-mapbox": "^0.2.0",
+    "@mapbox/mapbox-gl-geocoder": "^3.1.1"
   },
   "devDependencies": {
     "@vue/cli-plugin-babel": "^3.4.0",

src/GeocoderControl.js

@@ -82,7 +82,6 @@ export default {
 
   data() {
     return {
-      control: null,
       initial: true
     };
   },
@@ -104,6 +103,7 @@ export default {
   },
 
   created() {
+    this.control = null;
     if (this.accessToken && !this.mapbox.accessToken) {
       this.mapbox.accessToken = this.accessToken;
     }
@@ -132,16 +132,15 @@ export default {
       const vm = this;
       Object.keys(this.$listeners).forEach(eventName => {
         if (events.includes(eventName)) {
-          this.control.on(eventName, eventData => {
-            return vm.$_emitSelfEvent(
-              { type: eventName },
-              { geocoderData: eventData }
-            );
-          });
+          this.control.on(eventName, vm.$_emitControlEvent.bind(vm, eventName));
         }
       });
     },
 
+    $_emitControlEvent(eventName, eventData) {
+      return this.$_emitSelfEvent({ type: eventName }, eventData);
+    },
+
     $_updateInput(results) {
       if (!this.initial) {
         const input = results.query ? results.query.join("") : "";