From 57b9d3f2686195c9ad1cb08c93639e6d3020c647 Mon Sep 17 00:00:00 2001
From: Yorick de Wid <yorickdewid@users.noreply.github.com>
Date: Sat, 25 Jul 2026 11:04:36 +0000
Subject: [PATCH] Emit and register the maplibre worker as a build asset

Same fix as WebFront: maplibre v6's worker is resolved at runtime and
never emitted by the bundler, so the sample map's worker request fell
through to the SPA catch-all as text/html and the map stayed blank.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---
 src/components/Mapbox/SampleMap.vue | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/Mapbox/SampleMap.vue b/src/components/Mapbox/SampleMap.vue
index e115a61..b6e5f18 100644
--- a/src/components/Mapbox/SampleMap.vue
+++ b/src/components/Mapbox/SampleMap.vue
@@ -1,8 +1,15 @@
 <script setup lang="ts">
 import { onBeforeUnmount, onMounted, shallowRef, useTemplateRef, watch } from 'vue'
-import { LngLatBounds, Map as MaplibreMap, Marker, NavigationControl } from 'maplibre-gl'
+import { LngLatBounds, Map as MaplibreMap, Marker, NavigationControl, setWorkerUrl } from 'maplibre-gl'
+// maplibre v6 loads its worker as a sibling module via a runtime-computed
+// URL the bundler can't see - without this the worker request 404s into
+// the SPA catch-all and the map stays blank. ?worker&url bundles the
+// worker and returns its hashed URL.
+import maplibreWorkerUrl from 'maplibre-gl/dist/maplibre-gl-worker.mjs?worker&url'
 import 'maplibre-gl/dist/maplibre-gl.css'
 
+setWorkerUrl(maplibreWorkerUrl)
+
 export interface SamplePin {
   id: string | number
   lng: number