Factorize legal (#40)

* 1.1.0-RC1

* feat: factorize legal notice in common, adapt conf

package.json

@@ -1,6 +1,6 @@
 {
   "name": "cooperation_jn_wave",
-  "version": "1.0.0-RC5",
+  "version": "1.1.0-SNAPSHOT",
   "engines": {
     "node": ">=14"
   },
@@ -29,7 +29,7 @@
   "dependencies": {
     "@kyvg/vue3-notification": "^2.9.0",
     "@pinia/testing": "^0.0.14",
-    "@sigrennesmetropole/cooperation_jn_common_ui": "0.0.35",
+    "@sigrennesmetropole/cooperation_jn_common_ui": "0.0.37",
     "@tailwindcss/forms": "^0.5.3",
     "@turf/boolean-intersects": "^6.5.0",
     "@turf/distance": "^6.5.0",
@@ -59,6 +59,7 @@
     "@import-meta-env/typescript": "^0.3.1",
     "@import-meta-env/unplugin": "^0.4.8",
     "@rushstack/eslint-patch": "^1.1.4",
+    "@types/dompurify": "^3.0.5",
     "@types/jest": "^29.4.0",
     "@types/jsdom": "^20.0.0",
     "@types/node": "^17.0.29",

src/App.vue

@@ -19,7 +19,7 @@ const mapStore = useMapStore()
 onBeforeMount(async () => {
   const rennesApp = new RennesApp(mapConfig)
   provide('rennesApp', rennesApp)
-  displayRealTimePoints(rennesApp)
+  await displayRealTimePoints(rennesApp)
 })
 
 function isLeftPanelRetractable() {

src/components/legal/AccessibilityLegal.vue

@@ -1,50 +1,6 @@
+<script setup lang="ts">
+import { UiAccessibilityLegal } from '@sigrennesmetropole/cooperation_jn_common_ui'
+</script>
 <template>
-  <div
-    class="flex flex-col gap-12 w-[880px] h-fit bg-white rounded-xl px-8 py-16 mx-auto mt-32 mb-[87px]"
-  >
-    <h1
-      class="flex flex-column align-start text-[44px] leading-[48px] lmb-12 font-bold"
-    >
-      Accessibilité
-    </h1>
-    <div class="text-base font-normal">
-      <p>
-        Le site n'a pas été soumis à un audit complet de conformité au RGAA.
-        Cependant, des mesures favorisant l'accessibilité ont été prises en
-        compte.
-      </p>
-      <br />
-      <p>
-        Tout au long du processus de développement de l'application, un effort a
-        été fait pour la rendre accessible au plus grand nombre. Les points
-        suivants ont été optimisés :
-      </p>
-      <ul class="list-disc pl-6">
-        <li>les contrastes visuels pour les personnes malvoyantes,</li>
-        <li>
-          la navigation tabulaire opérante afin de permettre aux personnes ne
-          pouvant pas utiliser la souris de naviguer facilement sur
-          l'application,
-        </li>
-        <li>
-          la lecture automatique d'écran en utilisant des outils tels que NVDA.
-          (https://www.nvaccess.org/).
-        </li>
-      </ul>
-      <br />
-      <p>
-        Pour profiter pleinement de l'expérience immersive offerte par notre
-        application basée sur Cesium et le jumeau numérique 3D de la métropole
-        de Rennes, veuillez vérifier ces prérequis techniques et mettre à jour
-        votre navigateur si nécessaire.
-      </p>
-    </div>
-    <div class="text-base font-normal">
-      <h2 class="text-2xl mb-2 font-bold">État de conformité</h2>
-      <p>
-        Le site est <span class="font-bold">non conforme</span> avec le
-        référentiel général d’amélioration de l’accessibilité (RGAA), version 4.
-      </p>
-    </div>
-  </div>
+  <UiAccessibilityLegal></UiAccessibilityLegal>
 </template>