fix: use global imported components 🚀

geoql · Mar 10, 2024 · 70940f3 · 70940f3
1 parent ba4ee54
commit 70940f3
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 34 deletions.
diff --git a/components/map/layers/Cluster.vue b/components/map/layers/Cluster.vue
@@ -23,13 +23,9 @@
   } from 'maplibre-gl';
   import type { PropType } from 'vue';
   import type { ExpenseFeatureCollection } from '~/@types/expense';
-  import { VLayerMapboxGeojson } from '~/lib/v-mapbox';
 
   export default defineComponent({
     name: 'ExpenseCluster',
-    components: {
-      VLayerMapboxGeojson,
-    },
     props: {
       data: {
         type: Object as PropType<ExpenseFeatureCollection>,

diff --git a/components/map/layers/Heatmap.vue b/components/map/layers/Heatmap.vue
@@ -23,13 +23,9 @@
   } from 'maplibre-gl';
   import type { PropType } from 'vue';
   import type { ExpenseFeatureCollection } from '~/@types/expense';
-  import { VLayerMapboxGeojson } from '~/lib/v-mapbox';
 
   export default defineComponent({
     name: 'ExpenseHeatmap',
-    components: {
-      VLayerMapboxGeojson,
-    },
     props: {
       data: {
         type: Object as PropType<ExpenseFeatureCollection>,

diff --git a/components/map/layers/Marker.vue b/components/map/layers/Marker.vue
@@ -118,13 +118,9 @@
     ExpenseFeatureCollection,
   } from '~/@types/expense';
   import type { PopupOptions } from 'maplibre-gl';
-  import { VMarker } from '~/lib/v-mapbox';
 
   export default defineComponent({
     name: 'ExpenseMarker',
-    components: {
-      VMarker,
-    },
     props: {
       data: {
         type: Object as PropType<ExpenseFeatureCollection>,

diff --git a/plugins/v-mapbox.ts b/plugins/v-mapbox.ts
@@ -1,19 +1,20 @@
 // Controls
-import { VControlAttribution } from '~/lib/v-mapbox';
-import { VControlFullscreen } from '~/lib/v-mapbox';
-import { VControlGeolocate } from '~/lib/v-mapbox';
-import { VControlNavigation } from '~/lib/v-mapbox';
-import { VControlScale } from '~/lib/v-mapbox';
-// Layers – Deck.gl
-import { VLayerDeckArc } from '~/lib/v-mapbox';
-import { VLayerDeckGeojson } from '~/lib/v-mapbox';
+import {
+  VControlAttribution,
+  VControlFullscreen,
+  VControlGeolocate,
+  VControlNavigation,
+  VControlScale,
+} from '~/lib/v-mapbox';
 // Layers – Mapbox
-import { VLayerMapboxCanvas } from '~/lib/v-mapbox';
-import { VLayerMapboxGeojson } from '~/lib/v-mapbox';
-import { VLayerMapboxImage } from '~/lib/v-mapbox';
-import { VLayerMapboxRaster } from '~/lib/v-mapbox';
-import { VLayerMapboxVector } from '~/lib/v-mapbox';
-import { VLayerMapboxVideo } from '~/lib/v-mapbox';
+import {
+  VLayerMaplibreCanvas,
+  VLayerMaplibreGeojson,
+  VLayerMaplibreImage,
+  VLayerMaplibreRaster,
+  VLayerMaplibreVector,
+  VLayerMaplibreVideo,
+} from '~/lib/v-mapbox';
 // Map
 import VMap from '~/lib/v-mapbox';
 // Marker
@@ -29,14 +30,12 @@ export default defineNuxtPlugin((nuxtApp) => {
   // Popup
   nuxtApp.vueApp.component('VPopup', VPopup);
   // Layers
-  nuxtApp.vueApp.component('VLayerMapboxCanvas', VLayerMapboxCanvas);
-  nuxtApp.vueApp.component('VLayerMapboxGeojson', VLayerMapboxGeojson);
-  nuxtApp.vueApp.component('VLayerMapboxImage', VLayerMapboxImage);
-  nuxtApp.vueApp.component('VLayerMapboxRaster', VLayerMapboxRaster);
-  nuxtApp.vueApp.component('VLayerMapboxVector', VLayerMapboxVector);
-  nuxtApp.vueApp.component('VLayerMapboxVideo', VLayerMapboxVideo);
-  nuxtApp.vueApp.component('VLayerDeckArc', VLayerDeckArc);
-  nuxtApp.vueApp.component('VLayerDeckGeojson', VLayerDeckGeojson);
+  nuxtApp.vueApp.component('VLayerMapboxCanvas', VLayerMaplibreCanvas);
+  nuxtApp.vueApp.component('VLayerMapboxGeojson', VLayerMaplibreGeojson);
+  nuxtApp.vueApp.component('VLayerMapboxImage', VLayerMaplibreImage);
+  nuxtApp.vueApp.component('VLayerMapboxRaster', VLayerMaplibreRaster);
+  nuxtApp.vueApp.component('VLayerMapboxVector', VLayerMaplibreVector);
+  nuxtApp.vueApp.component('VLayerMapboxVideo', VLayerMaplibreVideo);
   // Controls
   nuxtApp.vueApp.component('VControlAttribution', VControlAttribution);
   nuxtApp.vueApp.component('VControlFullscreen', VControlFullscreen);