From 05bbcc2a027d82a335a45ca3f19924cbb86a6ce3 Mon Sep 17 00:00:00 2001 From: Jules Neny Date: Thu, 7 May 2026 00:32:50 +0200 Subject: [PATCH] =?UTF-8?q?fix(nav):=20R=C3=A9seaux=20AEP=20+=20Leaflet=20?= =?UTF-8?q?CSS=20global=20+=20double=20rAF=20NavMap=20+=20chips=20V2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - app.vue : "Agences Inspirantes" → "Réseaux AEP" (desktop + mobile) - nuxt.config.ts : Leaflet/MarkerCluster CSS global + Vite cacheDir AppData - NavMap.vue : double requestAnimationFrame avant initMap (même fix NavMapV2) - NavSidebar.vue : tags → style chip rounded-full comme V2 Co-Authored-By: Claude Sonnet 4.6 --- app.vue | 5 ++--- components/NavMap.vue | 7 ++++++- components/NavSidebar.vue | 4 ++-- nuxt.config.ts | 11 ++++++++--- 4 files changed, 18 insertions(+), 9 deletions(-) diff --git a/app.vue b/app.vue index 170aa74..957d272 100644 --- a/app.vue +++ b/app.vue @@ -39,8 +39,7 @@ class="nav-tab" :class="{ 'nav-tab--active': route.path === '/agences' }" > - Agences Inspirantes - en construction + Réseaux AEP Écosystème Entraide Architecture - Agences Inspirantes + Réseaux AEP RAG Codev
diff --git a/components/NavMap.vue b/components/NavMap.vue index ae3938c..6a2ad8c 100644 --- a/components/NavMap.vue +++ b/components/NavMap.vue @@ -221,7 +221,12 @@ function updateTileTheme(dark: boolean) { let themeObserver: MutationObserver | null = null onMounted(() => { - initMap() + // Double rAF : laisser le browser calculer la hauteur du conteneur avant Leaflet + requestAnimationFrame(() => { + requestAnimationFrame(() => { + initMap() + }) + }) // Observer les changements de classe dark sur themeObserver = new MutationObserver(() => { diff --git a/components/NavSidebar.vue b/components/NavSidebar.vue index dfd0f6d..8728c2c 100644 --- a/components/NavSidebar.vue +++ b/components/NavSidebar.vue @@ -125,8 +125,8 @@ {{ fn }}
diff --git a/nuxt.config.ts b/nuxt.config.ts index 7c38360..f84f305 100644 --- a/nuxt.config.ts +++ b/nuxt.config.ts @@ -1,6 +1,11 @@ export default defineNuxtConfig({ modules: ['@nuxtjs/tailwindcss'], - css: ['~/assets/css/main.css'], + css: [ + '~/assets/css/main.css', + 'leaflet/dist/leaflet.css', + 'leaflet.markercluster/dist/MarkerCluster.css', + 'leaflet.markercluster/dist/MarkerCluster.Default.css', + ], runtimeConfig: { nocodbUrl: process.env.NOCODB_URL, @@ -24,10 +29,10 @@ export default defineNuxtConfig({ ssr: true, vite: { + cacheDir: 'C:/Users/jules/AppData/Local/nav-carte-vite-cache', optimizeDeps: { - include: ['leaflet', 'leaflet.markercluster'], + include: ['leaflet', 'leaflet.markercluster', 'd3'], }, - // Éviter l'import SSR de Leaflet qui utilise window ssr: { noExternal: [], },