set map_mode on first load

src/components/MapConcernements.vue

@@ -76,9 +76,6 @@ export default {
     this.engine = Matter.Engine.create(engineOptions);
     this.engine.gravity.scale = 0;
     this.world = this.engine.world;
-
-    // check map_mode
-    console.log('mapconcernements created', this.$root);
   },
   mounted() {
     this.canvasMap.canvas = this.$refs['canvas-map'];

src/router/index.js

@@ -3,6 +3,9 @@ import HomeView from '@views/Home.vue'
 // import StaticView from '@views/Static.vue'
 // import ConcernementView from '@views/Concernement.vue'
 
+import { ConcernementsStore } from '@/stores/concernements'
+
+
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
   routes: [
@@ -33,4 +36,16 @@ const router = createRouter({
   ]
 })
 
+// set map_mode on first load
+router.afterEach((to, from) => {
+  const concernement_store = ConcernementsStore();
+  console.log('router afterEach', from, to, concernement_store.map_mode);
+  if (!from.name) { // we are at first load
+    if (to.hash) {
+      console.log("we have a hash");
+      concernement_store.setMapMode(to.hash.replace('#', ''));
+    }
+  }
+
+})
 export default router

src/stores/concernements.js

@@ -16,7 +16,7 @@ import ConcernementFields from '@api/gql/concernement.fragment.gql'
 export const ConcernementsStore = defineStore({
   id: 'concernements',
   state: () => ({
-    map_mode: "terraindevie",
+    map_mode: null,
     concernements: [],
     concernementsByID: {},
     allEntitesById: {},