From fd9fe7e24f1961aedaa48c7066b20902eea791d8 Mon Sep 17 00:00:00 2001
From: Bassel Ahmed <bassel.ahmmed@gmail.com>
Date: Sat, 8 Jul 2023 12:21:26 +0300
Subject: [PATCH 1/2] feat: allow attrs to be used in mapbox initialization

---
 packages/vue-mapbox-gl/components/MapboxMap.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/vue-mapbox-gl/components/MapboxMap.vue b/packages/vue-mapbox-gl/components/MapboxMap.vue
index 3cc6adc..8f6e85a 100644
--- a/packages/vue-mapbox-gl/components/MapboxMap.vue
+++ b/packages/vue-mapbox-gl/components/MapboxMap.vue
@@ -252,10 +252,11 @@
 </script>
 
 <script setup>
-  import { ref, computed, onMounted, onUnmounted, provide } from 'vue';
+  import { ref, computed, onMounted, onUnmounted, provide, useAttrs } from 'vue';
   import { useEventsBinding, usePropsBinding } from '../composables/index.js';
 
   const props = defineProps(propsConfig);
+  const attrs = useAttrs();
   const emit = defineEmits();
 
   const map = ref();
@@ -280,7 +281,7 @@
   onMounted(() => {
     mapboxgl.accessToken = props.accessToken;
 
-    map.value = new mapboxgl.Map(options.value);
+    map.value = new mapboxgl.Map({ ...options.value, ...attrs });
     map.value.on('load', () => {
       isLoaded.value = true;
     });

From a90698ead24c424921bbdf325a97bc6a05d84927 Mon Sep 17 00:00:00 2001
From: Bassel Ahmed <bassel.ahmmed@gmail.com>
Date: Sat, 8 Jul 2023 21:07:10 +0300
Subject: [PATCH 2/2] feat: allow attrs to be used in mapbox popup
 initialization

---
 packages/vue-mapbox-gl/components/MapboxPopup.vue | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/packages/vue-mapbox-gl/components/MapboxPopup.vue b/packages/vue-mapbox-gl/components/MapboxPopup.vue
index e71cbda..fed9f02 100644
--- a/packages/vue-mapbox-gl/components/MapboxPopup.vue
+++ b/packages/vue-mapbox-gl/components/MapboxPopup.vue
@@ -68,10 +68,11 @@
 </script>
 
 <script setup>
-  import { ref, computed, onMounted, onUnmounted } from 'vue';
+  import { ref, computed, onMounted, onUnmounted, useAttrs } from 'vue';
   import { useMap, usePropsBinding, useEventsBinding } from '../composables/index.js';
 
   const props = defineProps(propsConfig);
+  const attrs = useAttrs();
   const emit = defineEmits();
 
   const popup = ref();
@@ -87,7 +88,9 @@
   onMounted(() => {
     const { map } = useMap();
 
-    popup.value = new Popup(options.value).setLngLat(props.lngLat).setDOMContent(root.value);
+    popup.value = new Popup({ ...options.value, ...attrs })
+      .setLngLat(props.lngLat)
+      .setDOMContent(root.value);
 
     if (!props.renderless) {
       popup.value.addTo(map.value);