Merge branch 'feature/standardized-popup' into preview

package.json

@@ -8,6 +8,7 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
+    "@formkit/tempo": "^0.0.12",
     "@types/geojson": "^7946.0.10",
     "@vuepic/vue-datepicker": "^4.3.0",
     "core-js": "^3.30.1",
@@ -19,7 +20,7 @@
     "fs-monkey": "^1.0.5",
     "geo-coordinates-parser": "^1.5.8",
     "jquery": "^3.6.4",
-    "mapbox-gl": "^2.14.1",
+    "mapbox-gl": "^2.15.0",
     "merge-descriptors": "^2.0.0",
     "vue": "^3.3.4",
     "vue-i18n": "^9.1.10"

src/App.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="flex flex-col h-screen overflow-hidden">
-    <!-- <AppHeader/> -->
+    <AppHeader/>
     <KeyNumbersMobile/>
     <BaseMap/>
   </div>
@@ -11,32 +11,23 @@
     <HistogramSlider/>
   </div>
   <AppLegend/>
-  <VirtualVisit v-if="reactiveStore.virtualVisitAlreadyOpened"/>
+  <VirtualVisit v-if="store.getState().virtualVisitAlreadyOpened"/>
 </template>
 
-<script lang="ts">
-import { store, reactiveStore } from "./Store"
-import { defineAsyncComponent, defineComponent, onMounted } from "vue"
+<script lang="ts" setup>
+import { store } from "./main"
+import { onMounted } from "vue"
+import AppHeader from "./components/Header.vue"
+import AppLegend from "./components/MapLegend.vue"
+import BaseMap from "./components/BaseMap.vue"
+import HistogramSlider from "./components/HistogramSlider.vue"
+import KeyNumbers from "./components/KeyNumbers.vue"
+import PopUp from "./components/PopUp.vue"
+import Stats from "./components/Stats.vue"
+import VirtualVisit from "./components/VirtualVisit.vue"
 
-export default defineComponent({
-  components: {
-    // AppHeader: defineAsyncComponent(() => import("./components/Header.vue")),
-    AppLegend: defineAsyncComponent(() => import("./components/Legend.vue")),
-    BaseMap: defineAsyncComponent(() => import("./components/BaseMap.vue")),
-    HistogramSlider: defineAsyncComponent(() => import("./components/HistogramSlider.vue")),
-    KeyNumbers: defineAsyncComponent(() => import("./components/KeyNumbers.vue")),
-    KeyNumbersMobile: defineAsyncComponent(() => import("./components/KeyNumbersMobile.vue")),
-    PopUp: defineAsyncComponent(() => import("./components/PopUp.vue")),
-    Stats: defineAsyncComponent(() => import("./components/Stats.vue")),
-    VirtualVisit: defineAsyncComponent(() => import("./components/VirtualVisit.vue"))
-  },
-  setup () {
-    onMounted(() => {
-      store.initStore()
-    })
-
-    return { reactiveStore }
-  }
+onMounted(() => {
+  store.initStore()
 })
 
 </script>