feat: ⬆️ utilise DSFR 1.13

- met à jour DSFR vers la version 1.13
- corrige le composant infobulle pour un fonctionnement correct avec la 1.13

Author: laruiss

demo-app/main.css

@@ -0,0 +1,11 @@
+.flex {
+  display: flex;
+}
+
+.justify-center {
+  justify-content: center;
+}
+
+.items-center {
+  align-items: center;
+}

demo-app/main.js

@@ -12,6 +12,8 @@ import '@gouvfr/dsfr/dist/utility/utility.main.min.css'
 
 import '@gouvfr/dsfr/dist/utility/icons/icons.main.min.css'
 
+import './main.css'
+
 createApp(App)
   .use(router)
   .use(VueDsfr)

demo-app/views/AppHome.vue

@@ -167,26 +167,28 @@ const rows = [
           </DsfrTooltip>
         </template>
         <template v-else>
-          <DsfrTooltip
-            :content="`(${colKey})`"
-            on-hover
-          >
+          <div class="flex items-center">
             {{ cell }}
-          </DsfrTooltip>
+            <DsfrTooltip
+              :content="`(${colKey})`"
+              href="#"
+            />
+          </div>
         </template>
       </template>
     </DsfrDataTable>
   </div>
 
-  <div class="flex justify-between w-full relative">
+  <div class="flex justify-between items-center gap-2 w-full relative">
     <DsfrTooltip
       on-hover
       content="Texte de l’info-bulle qui apparaît au survol"
     >
       Au survol
     </DsfrTooltip>
 
-    Et au clic avec une icône seulement :
+    <span>Et au clic avec une icône seulement :</span>
+
     <DsfrTooltip
       content="Texte de l’info-bulle qui apparaît au clic"
     />

package.json

@@ -85,7 +85,7 @@
     "vue-router": "^4.5.0"
   },
   "dependencies": {
-    "@gouvfr/dsfr": "~1.12.1",
+    "@gouvfr/dsfr": "~1.13.0",
     "focus-trap": "^7.6.4",
     "focus-trap-vue": "^4.0.3",
     "vue": "^3.5.13",