[Bugfix] Fix mapbox event binding

CHANGELOG.md

@@ -4,6 +4,10 @@ All notable changes to this project will be documented in this file. The format
 
 ## [Unreleased]
 
+### Fixed
+
+- Fix Mapbox event binding ([#231](https://github.com/studiometa/vue-mapbox-gl/issues/231), [#232](https://github.com/studiometa/vue-mapbox-gl/pull/232), [882baca](https://github.com/studiometa/vue-mapbox-gl/commit/882baca))
+
 ## [v2.7.0-alpha.0](https://github.com/studiometa/vue-mapbox-gl/compare/2.6.0...2.7.0-alpha.0) (2025-01-02)
 
 ### Added

eslint.config.js

@@ -11,6 +11,9 @@ export default defineConfig(
         ...globals.browser,
       },
     },
+    rules: {
+      'vue/valid-define-emits': 'off',
+    },
   },
   {
     ignores: ['**/.nuxt/**', '**/.output/**'],

packages/vue-mapbox-gl/components/MapboxCluster.vue

@@ -130,12 +130,7 @@
   import MapboxSource from './MapboxSource.vue';
 
   const props = defineProps(propsConfig);
-  const emit = defineEmits([
-    'mb-cluster-click',
-    'mb-feature-click',
-    'mb-feature-mouseenter',
-    'mb-feature-mouseleave',
-  ]);
+  const emit = defineEmits();
 
   const { map } = useMap();
   const id = ref(`mb-cluster-${index}`);

packages/vue-mapbox-gl/components/MapboxGeocoder.vue

@@ -136,7 +136,7 @@
   import { useControl } from '../composables/index.js';
 
   const props = defineProps(propsConfig);
-  const emit = defineEmits(events.map((event) => `mb-${event}`));
+  const emit = defineEmits();
 
   const root = ref();
   const options = computed(() => {

packages/vue-mapbox-gl/components/MapboxGeolocateControl.vue

@@ -67,7 +67,7 @@
   import { useControl } from '../composables/index.js';
 
   const props = defineProps(propsConfig);
-  const emit = defineEmits(events.map((event) => `mb-${event}`));
+  const emit = defineEmits();
 
   const { control } = useControl(GeolocateControl, { propsConfig, events, props, emit });
 

packages/vue-mapbox-gl/components/MapboxImage.vue

@@ -47,7 +47,7 @@
   import { useMap } from '../composables/index.js';
 
   const props = defineProps(propsConfig);
-  const emit = defineEmits(['mb-add']);
+  const emit = defineEmits();
 
   const { map } = useMap();
   const isReady = ref(false);

packages/vue-mapbox-gl/components/MapboxImages.vue

@@ -25,7 +25,7 @@
       required: true,
     },
   });
-  const emit = defineEmits(['mb-add', 'mb-ready']);
+  const emit = defineEmits();
 
   const isReady = ref(false);
   const addedImages = new Map();

packages/vue-mapbox-gl/components/MapboxLayer.vue

@@ -61,7 +61,7 @@
   import { useEventsBinding, useMap } from '../composables/index.js';
 
   const props = defineProps(propsConfig);
-  const emit = defineEmits(events.map((event) => `mb-${event}`));
+  const emit = defineEmits();
 
   const { map } = useMap();
   const options = computed(() => {

packages/vue-mapbox-gl/components/MapboxMap.vue

@@ -304,7 +304,7 @@
   import { useEventsBinding, usePropsBinding } from '../composables/index.js';
 
   const props = defineProps(propsConfig);
-  const emit = defineEmits(events.map((event) => `mb-${event}`));
+  const emit = defineEmits();
 
   const map = shallowRef<Map>(null);
   provide('mapbox-map', map);

packages/vue-mapbox-gl/components/MapboxMarker.vue

@@ -92,7 +92,7 @@
   import MapboxPopup from './MapboxPopup.vue';
 
   const props = defineProps(propsConfig);
-  const emit = defineEmits(events.map((event) => `mb-${event}`));
+  const emit = defineEmits();
   const slots = useSlots();
 
   const marker = shallowRef();

packages/vue-mapbox-gl/components/MapboxPopup.vue

@@ -73,7 +73,7 @@
   import { useMap, usePropsBinding, useEventsBinding } from '../composables/index.js';
 
   const props = defineProps(propsConfig);
-  const emit = defineEmits(['mb-open', 'mb-close']);
+  const emit = defineEmits();
 
   const popup = shallowRef();
   const root = ref();