diff --git a/webapp/nuxt.config.js b/webapp/nuxt.config.js index 83146ee58..ef29c938d 100644 --- a/webapp/nuxt.config.js +++ b/webapp/nuxt.config.js @@ -126,7 +126,7 @@ export default { { src: '~/plugins/vue-filters.js' }, { src: '~/plugins/vue-infinite-loading.js', ssr: false }, { src: '~/plugins/vue-observe-visibility.js', ssr: false }, - { src: '~/plugins/v-mapbox.js', mode: "client" }, + { src: '~/plugins/v-mapbox.js', mode: 'client' }, ], router: { @@ -158,7 +158,7 @@ export default { buildModules: [ // https://composition-api.nuxtjs.org/getting-started/setup#quick-start - "@nuxtjs/composition-api/module" + '@nuxtjs/composition-api/module', ], /* diff --git a/webapp/pages/map.vue b/webapp/pages/map.vue index b8fbeaf4f..366e3a445 100644 --- a/webapp/pages/map.vue +++ b/webapp/pages/map.vue @@ -33,16 +33,16 @@ \ No newline at end of file + diff --git a/webapp/plugins/v-mapbox.js b/webapp/plugins/v-mapbox.js index e29d8d1d1..657b7b6d6 100644 --- a/webapp/plugins/v-mapbox.js +++ b/webapp/plugins/v-mapbox.js @@ -1,25 +1,24 @@ // Vue2 + Mapbox Reference: https://github.com/geospoc/v-mapbox/issues/702 -import Vue from "vue"; +import Vue from 'vue' import { - MglGeojsonLayer, - MglVectorLayer, - MglMap, - MglMarker, - MglPopup, - MglScaleControl, - } from "v-mapbox"; - - // Map - Vue.component("MglMap", MglMap); - - // Controls - Vue.component("MglScaleControl", MglScaleControl); - - // Layers - Vue.component("MglGeojsonLayer", MglGeojsonLayer); - Vue.component("MglVectorLayer", MglVectorLayer); - - // Marker & Popup - Vue.component("MglMarker", MglMarker); - Vue.component("MglPopup", MglPopup); - \ No newline at end of file + MglGeojsonLayer, + MglVectorLayer, + MglMap, + MglMarker, + MglPopup, + MglScaleControl, +} from 'v-mapbox' + +// Map +Vue.component('MglMap', MglMap) + +// Controls +Vue.component('MglScaleControl', MglScaleControl) + +// Layers +Vue.component('MglGeojsonLayer', MglGeojsonLayer) +Vue.component('MglVectorLayer', MglVectorLayer) + +// Marker & Popup +Vue.component('MglMarker', MglMarker) +Vue.component('MglPopup', MglPopup)