Version Bump to Maplibre-GL-JS v3.2.2

README.md

@@ -11,7 +11,7 @@ A small Vue 3 plugin for [maplibre-gl-js](https://github.com/maplibre/maplibre-g
 
 ## Features
 
-- Supports MapLibre GL JS v2.x
+- Supports MapLibre GL JS v3.x
 - Typescript support
 - Components for map, controls, sources, markers and layers
 - Support for custom controls

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "vue-maplibre-gl",
-	"version": "2.1.0",
+	"version": "3.0.0",
 	"description": "Vue 3 plugin for maplibre-gl",
 	"keywords": [
 		"vue",
@@ -42,26 +42,26 @@
 		"upgrade": "taze major -I"
 	},
 	"devDependencies": {
-		"@babel/types": "^7.22.5",
+		"@babel/types": "^7.22.10",
 		"@mdi/js": "^7.2.96",
 		"@types/geojson": "^7946.0.10",
 		"@types/node": "^18.15.3",
 		"@vitejs/plugin-vue": "^4.2.3",
 		"geojson": "^0.5.0",
-		"maplibre-gl": "^2.4.0",
+		"maplibre-gl": "^3.2.2",
 		"mitt": "^3.0.1",
 		"modular-maptiler-sdk": "^1.0.16",
-		"sass": "^1.63.6",
+		"sass": "^1.64.2",
 		"taze": "^0.11.2",
 		"typescript": "^5.1.6",
-		"vite": "^4.4.4",
+		"vite": "^4.4.9",
 		"vite-plugin-banner": "^0.7.0",
-		"vite-plugin-dts": "^3.3.0",
+		"vite-plugin-dts": "^3.5.1",
 		"vue": "^3.3.4",
-		"vue-tsc": "^1.8.5"
+		"vue-tsc": "^1.8.8"
 	},
 	"peerDependencies": {
-		"maplibre-gl": "^2.4.0",
+		"maplibre-gl": "^3.0.0",
 		"mitt": "^3.0.0",
 		"vue": "^3.3.4"
 	},

src/lib/components/controls/styleSwitch.control.ts

@@ -112,7 +112,12 @@ export default /*#__PURE__*/ defineComponent({
 				return;
 			}
 			emitter.emit('styleSwitched', s);
-			map.value!.setStyle(s.style);
+
+			/*
+			 * Skip diff as long as Maplibre-GL doesn't fie `style.load` correctly
+			 * @see https://github.com/maplibre/maplibre-gl-js/issues/2587
+			*/
+			map.value!.setStyle(s.style, {diff: false});
 			if (props.modelValue === undefined) {
 				modelValue.value = s;
 			}