fix: prevent fetching clusters when no route is selected

app/components/map/map.client.vue

@@ -36,6 +36,9 @@ const map = useMap("main");
 watchEffect(async () => {
     const allClusters = [];
     for (const routeId of store.selectedRouteIds) {
+        if (routeId === undefined) {
+            continue;
+        }
         const apiClusters = await $fetch<Cluster[]>(
             `https://data.mobilites-m.fr/api/routers/default/index/routes/${routeId}/clusters`,
         );

app/composables/useSvgImage.ts

@@ -0,0 +1,16 @@
+const clustersRequest = $fetch<Blob>(
+    "https://pass.mobilites-m.fr/assets/icons/clusters.svg",
+);
+
+const image = new Image();
+const imageLoadPromise = new Promise((resolve) => {
+    image.onload = resolve;
+});
+clustersRequest.then((blob) => {
+    image.src = URL.createObjectURL(blob);
+});
+await Promise.all([imageLoadPromise, clustersRequest]); // Wait for the image to load
+
+export const useSvgImage = () => {
+    return useState("cluster.svg", () => image);
+};