docs: update README 🥳

Author: vinayakkulkarni

README.md

@@ -1,27 +1,26 @@
-# Vue-mapbox-geocoder
+# v-mapbox-geocoder 🌎
 
-[Vue-mapbox](https://github.com/soal/vue-mapbox) plugin for [mapbox-gl-geocoder](https://github.com/mapbox/mapbox-gl-geocoder) support.
+[vue-mapbox](https://github.com/soal/vue-mapbox) plugin for [mapbox-gl-geocoder](https://github.com/mapbox/mapbox-gl-geocoder) support.
 
 ## Usage
 
-First of all you need to install Mapbox GL and Vue-mapbox. [See vue-mapbox doc](https://soal.github.io/vue-mapbox/#/quickstart)
+First of all you need to install Mapbox GL and vue-mapbox. [See vue-mapbox doc](https://soal.github.io/vue-mapbox/#/quickstart)
 
-Install mabbox-gl-geocoder and vue-mapbox-geocoder:
 
 ```bash
-npm i @mapbox/mapbox-gl-geocoder vue-mapbox vue-mapbox-geocoder
+# Install mabbox-gl-geocoder and vue-mapbox-geocoder:
+$ npm i @mapbox/mapbox-gl-geocoder vue-mapbox @geospoc/v-mapbox-geocoder
 ```
 
 Now you can add geocoder control like other controls:
 
-```vue
+```html
 <template>
   <MglMap
     :accessToken="accessToken"
     :mapStyle="mapStyle"
   >
     <MglGeocoderControl
-      <-- props needed for GeolocateControl -->
       :accessToken="accessToken"
       :input.sync="defaultInput"
       @results="handleSearch"
@@ -30,34 +29,28 @@ Now you can add geocoder control like other controls:
 </template>
 
 <script>
-import {
-  MglMap,
-  MglNavigationControl,
-  MglGeolocateControl
-} from 'vue-mapbox'
-
-import MglGeocoderControl from 'vue-mapbox-geocoder'
-
-export default {
-  name: 'App',
-
-  components: {
-    MglMap,
-    MglGeocoderControl
-  },
-  data() {
-    return {
-      accessToken: 'YOUR_ACCESS_TOKEN',
-      mapStyle: 'YOUR_MAP_STYLE',
-      defaultInput: 'Bodhgaya'
-    }
-  },
-  methods: {
-    handleSearch(event) {
-      console.log(event)
-    }
-  }
-}
+  import { MglMap } from 'vue-mapbox';
+  import MglGeocoderControl from '@geospoc/v-mapbox-geocoder';
+
+  export default {
+    name: 'App',
+    components: {
+      MglMap,
+      MglGeocoderControl
+    },
+    data() {
+      return {
+        accessToken: 'YOUR_ACCESS_TOKEN',
+        mapStyle: 'YOUR_MAP_STYLE',
+        defaultInput: 'Bodhgaya'
+      }
+    },
+    methods: {
+      handleSearch(event) {
+        console.log(event)
+      }
+    },
+  };
 </script>
 ```
 
@@ -70,3 +63,12 @@ Each time you change value of this prop, mapbox-gl-geocoder `.setInput` method i
 Same for `proximity` prop that internally invokes mapbox-gl-geocoder `setProximity` method.
 
 Also you can call `query` method to query search and get results programmatically.
+
+## Credits
+- Thanks to [soal](https://github.com/soal) & his original [vue-mapbox-geocoder](https://github.com/soal/vue-mapbox-geocoder)
+- All contributors ([list](https://github.com/geospoc/v-mapbox-geocoder/contributors)).
+- All GeoSpoc ([team](https://github.com/orgs/Geospoc/people)).
+
+## License
+
+MIT &copy; [GeoSpoc](https://geospoc.com)