Merge pull request #243 from studiometa/feature/deps

[Feature] Update deps

Author: titouanmathis

CHANGELOG.md

@@ -4,6 +4,10 @@ All notable changes to this project will be documented in this file. The format
 
 ## [Unreleased]
 
+### Changed
+
+- Update dependencies ([#243](https://github.com/studiometa/vue-mapbox-gl/pull/243))
+
 ## [v2.7.0-alpha.2](https://github.com/studiometa/vue-mapbox-gl/compare/2.7.0-alpha.1...2.7.0-alpha.2) (2025-01-24)
 
 ### Fixed

package-lock.json

@@ -30,7 +30,7 @@
   "dependencies": {
     "@vitejs/plugin-vue": "5.2.1",
     "@vue/tsconfig": "0.7.0",
-    "vite": "6.0.9",
+    "vite": "6.0.11",
     "vite-plugin-dts": "4.5.0",
     "vue-tsc": "2.2.0"
   }

package.json

@@ -8,8 +8,8 @@
   "dependencies": {
     "@mapbox/mapbox-gl-geocoder": "^5.0.3",
     "@studiometa/vue-mapbox-gl": "*",
-    "mapbox-gl": "^3.9.1",
-    "nuxt": "^3.15.0",
+    "mapbox-gl": "^3.9.3",
+    "nuxt": "^3.15.2",
     "vue": "^3.5.13"
   }
 }

packages/demo/package.json

@@ -1,5 +1,5 @@
 <script setup>
-  import { ref } from "vue";
+  import { ref } from 'vue';
   import { MapboxMap, MapboxImage, MapboxCluster } from '@studiometa/vue-mapbox-gl';
 
   const mapCenter = ref([0, 0]);

packages/docs/.vitepress/components/MapboxClusterWithCustomImageDemo.vue

@@ -18,5 +18,3 @@
       @mb-clear="log('clear', $event)" />
   </MapboxMap>
 </template>
-
-

packages/docs/.vitepress/components/MapboxGeocoderDemo.vue

@@ -1,9 +1,8 @@
 <script setup>
-  import { ref } from 'vue';
   import { MapboxGeocoder } from '@studiometa/vue-mapbox-gl';
   import '@mapbox/mapbox-gl-geocoder/lib/mapbox-gl-geocoder.css';
 
-  const props = defineProps({
+  defineProps({
     reverseGeocode: {
       type: Boolean,
       default: false,

packages/docs/.vitepress/components/MapboxGeocoderDemoWithoutMap.vue

@@ -1,5 +1,5 @@
 <script setup>
-  import { ref } from "vue";
+  import { ref } from 'vue';
   import { MapboxMap, MapboxImages, MapboxLayer } from '@studiometa/vue-mapbox-gl';
 
   const mapCenter = ref([0, 0]);

packages/docs/.vitepress/components/MapboxImagesDemo.vue

@@ -1,5 +1,5 @@
 <script setup>
-  import { ref } from "vue";
+  import { ref } from 'vue';
   import { MapboxMap, MapboxMarker } from '@studiometa/vue-mapbox-gl';
 
   const mapCenter = ref([0, 0]);

packages/docs/.vitepress/components/MapboxMarkerCustomHtmlDemo.vue

@@ -1,5 +1,5 @@
 <script setup>
-  import { ref } from "vue";
+  import { ref } from 'vue';
   import { MapboxMap, MapboxMarker } from '@studiometa/vue-mapbox-gl';
 
   const mapCenter = ref([0, 0]);
@@ -13,7 +13,7 @@
     :center="mapCenter"
     :zoom="1">
     <MapboxMarker :lng-lat="[0, 0]" popup>
-      <template v-slot:popup>
+      <template #popup>
         <p>Hello world!</p>
       </template>
     </MapboxMarker>

packages/docs/.vitepress/components/MapboxMarkerPopupDemo.vue

@@ -6,9 +6,9 @@
       'div',
       {
         class: `shadow-lg rounded p-4 ${props.color} ${attrs.class ? data.class : ''}`,
-        'data-element': props.el
+        'data-element': props.el,
       },
-      slots
+      slots,
     );
   }
   DataElement.props = ['el', 'color', 'class'];
@@ -21,7 +21,7 @@
     Component.props = ['name'];
 
     return Component;
-  };
+  }
 
   const DataRegion = createDataComponent('region', 'bg-blue-200');
   const DataSlot = createDataComponent('slot', 'bg-green-300');

packages/docs/.vitepress/components/StoreLocatorArchitecture.vue

@@ -19,7 +19,7 @@
       lng: geometry.coordinates[0],
       id: getId(),
       ...properties,
-    }))
+    })),
   );
 </script>
 
@@ -78,7 +78,7 @@
   }
 
   .bg-vp-mute {
-    background-color: var(--vp-c-bg-mute);;
+    background-color: var(--vp-c-bg-mute);
   }
 
   .store-locator-demo {
@@ -107,7 +107,7 @@
   }
 
   .store-locator-demo__inner {
-    @apply rounded;
+    border-radius: 0.25rem;
     position: relative;
     width: 100%;
     height: 80vh;
@@ -147,7 +147,7 @@
   \*============================================================================*/
 
   .store-locator__region {
-    @apply rounded;
+    border-radius: 0.25rem;
     position: relative;
   }
 

packages/docs/.vitepress/components/StoreLocatorDemo.vue

@@ -1,9 +1,10 @@
-import DefaultTheme from 'vitepress/theme'
+import DefaultTheme from 'vitepress/theme';
 import 'mapbox-gl/dist/mapbox-gl.css';
 
 export default {
   ...DefaultTheme,
   enhanceApp({ app }) {
-    app.config.globalProperties.MAPBOX_API_KEY = 'pk.eyJ1IjoiYWdlbmNlc3R1ZGlvbWV0YSIsImEiOiJjanh5ZW81aHEwOHV3M2lwZzhhNW1vdXl5In0.3hbV2QKVzZWf511JK9xCug';
-  }
-}
+    app.config.globalProperties.MAPBOX_API_KEY =
+      'pk.eyJ1IjoiYWdlbmNlc3R1ZGlvbWV0YSIsImEiOiJjanh5ZW81aHEwOHV3M2lwZzhhNW1vdXl5In0.3hbV2QKVzZWf511JK9xCug';
+  },
+};

packages/docs/.vitepress/theme/index.js

@@ -10,6 +10,6 @@
   "devDependencies": {
     "sass": "1.83.4",
     "tailwindcss": "3.4.17",
-    "vitepress": "1.5.0"
+    "vitepress": "1.6.3"
   }
 }

packages/docs/package.json

@@ -9,11 +9,11 @@
     "@mapbox/mapbox-gl-geocoder": "^5.0.3",
     "@studiometa/vue-mapbox-gl": "*",
     "@vitejs/plugin-vue": "5.2.1",
-    "@vitest/browser": "2.1.8",
-    "@vitest/coverage-v8": "2.1.8",
-    "mapbox-gl": "^3.9.1",
-    "playwright": "1.49.1",
-    "vitest": "2.1.8",
+    "@vitest/browser": "3.0.4",
+    "@vitest/coverage-v8": "3.0.4",
+    "mapbox-gl": "^3.9.3",
+    "playwright": "1.50.0",
+    "vitest": "3.0.4",
     "vitest-browser-vue": "0.1.0",
     "vue": "^3.5.13"
   }

packages/tests/package.json

@@ -13,9 +13,9 @@ export default defineConfig({
       include: ['vue-mapbox-gl/**'],
     },
     browser: {
-      provider: 'playwright', // or 'webdriverio'
+      provider: 'playwright',
       enabled: true,
-      name: 'chromium', // browser name is required
+      instances: [{ browser: 'chromium' }],
     },
   },
 });

packages/tests/vitest.config.ts

@@ -42,7 +42,7 @@
   },
   "devDependencies": {
     "@mapbox/mapbox-gl-geocoder": "5.0.3",
-    "@studiometa/js-toolkit": "2.12.1",
+    "@studiometa/js-toolkit": "3.0.0",
     "mapbox-gl": "3.9.3",
     "vue": "3.5.13"
   },