tech: ajoute par defaut le lien vers l'accueil dans le composant fil …

…d'arianne (#257)
betagouv · Jan 15, 2024 · 8544c3f · 8544c3f
1 parent 8c75324
commit 8544c3f
Show file tree

Hide file tree

Showing 12 changed files with 15 additions and 44 deletions.
diff --git a/src/components/PageArticleComposant.vue b/src/components/PageArticleComposant.vue
@@ -1,14 +1,6 @@
 <template>
   <div class="fr-container fr-mb-6w">
-    <FilDAriane
-      :page-courante="`Article: ${article.titre}`"
-      :page-hierarchie="[
-        {
-          label: 'Agir',
-          url: 'agir',
-        },
-      ]"
-    />
+    <FilDAriane :page-courante="`Article: ${article.titre}`" />
     <h1>{{ article.titre }}</h1>
     <div class="fr-grid-row fr-grid-row--gutters">
       <div class="fr-col-12 fr-col-md-8">

diff --git a/src/components/custom/Aides/Aides.vue b/src/components/custom/Aides/Aides.vue
@@ -1,5 +1,5 @@
 <template>
-  <FilDAriane page-courante="Vos aides" :page-hierarchie="[{ label: 'Agir', url: 'agir' }]" />
+  <FilDAriane page-courante="Vos aides" />
   <h1 class="fr-h2">Vos aides disponibles</h1>
   <div class="fr-grid-row fr-grid-row--gutters">
     <div class="fr-col-12 fr-col-lg-3">

diff --git a/src/components/custom/CatalogueServices.vue b/src/components/custom/CatalogueServices.vue
@@ -1,5 +1,5 @@
 <template>
-  <FilDAriane page-courante="Services" :page-hierarchie="[{ label: 'Agir', url: 'agir' }]" />
+  <FilDAriane page-courante="Services" />
   <div class="fr-grid-row fr-grid-row--gutters">
     <div class="fr-col-12 fr-col-lg-3">
       <span class="fr-h4">Filtres</span>

diff --git a/src/components/custom/Compte/CompteSkeleton.vue b/src/components/custom/Compte/CompteSkeleton.vue
@@ -1,14 +1,6 @@
 <template>
   <div class="fr-container fr-pb-6w">
-    <FilDAriane
-      :page-courante="pageCourante"
-      :page-hierarchie="[
-        {
-          label: 'Agir',
-          url: 'agir',
-        },
-      ]"
-    />
+    <FilDAriane :page-courante="pageCourante" />
     <div class="background--white fr-p-4w border border-radius--md">
       <div class="fr-grid-row fr-mb-4w">
         <h1 class="fr-h2 fr-mb-0 fr-col">Votre profil</h1>

diff --git a/src/components/custom/PageQuizComposant.vue b/src/components/custom/PageQuizComposant.vue
@@ -1,14 +1,6 @@
 <template>
   <div class="fr-container fr-mb-6w">
-    <FilDAriane
-      :page-courante="`Quiz ${quizViewModel.titre}`"
-      :page-hierarchie="[
-        {
-          label: 'Agir',
-          url: 'agir',
-        },
-      ]"
-    />
+    <FilDAriane :page-courante="`Quiz ${quizViewModel.titre}`" />
     <div class="fr-grid-row fr-grid-row--gutters">
       <div class="fr-col-12 fr-col-lg-8">
         <span class="fr-h2">Quiz</span>

diff --git a/src/components/dsfr/FilDAriane.vue b/src/components/dsfr/FilDAriane.vue
@@ -3,6 +3,9 @@
     <button class="fr-breadcrumb__button" aria-expanded="false" aria-controls="breadcrumb">Voir le fil d’Ariane</button>
     <div class="fr-collapse" id="breadcrumb">
       <ol class="fr-breadcrumb__list">
+        <li>
+          <router-link class="fr-breadcrumb__link" to="/agir">Accueil</router-link>
+        </li>
         <li v-for="page in pageHierarchie" :key="page.label">
           <router-link class="fr-breadcrumb__link" :to="`/${page.url}`">{{ page.label }}</router-link>
         </li>
@@ -16,7 +19,7 @@
 
 <script setup lang="ts">
   defineProps<{
-    pageHierarchie: {
+    pageHierarchie?: {
       label: string;
       url: string;
     }[];

diff --git a/src/components/pages/PageAidesRetrofit.vue b/src/components/pages/PageAidesRetrofit.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="fr-container fr-pb-6w">
-    <FilDAriane :page-courante="titrePage" :page-hierarchie="[{ label: 'Vos aides', url: 'vos-aides' }]" />
+    <FilDAriane :page-courante="titrePage" />
     <AidesResultat
       :is-loading="isLoading"
       titre-categorie-aide="Prime au retrofit"

diff --git a/src/components/pages/PageAidesRetrofitFormulaire.vue b/src/components/pages/PageAidesRetrofitFormulaire.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="fr-container fr-pb-6w">
-    <FilDAriane page-courante="Prime au retrofit" :page-hierarchie="[{ label: 'Vos aides', url: 'vos-aides' }]" />
+    <FilDAriane page-courante="Prime au retrofit" />
     <div class="fr-grid-row fr-grid-row--gutters">
       <div class="fr-col-lg-8">
         <div class="background--white border border-radius--md fr-p-3w fr-mb-4w">

diff --git a/src/components/pages/PageAidesVelo.vue b/src/components/pages/PageAidesVelo.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="fr-container fr-pb-6w">
-    <FilDAriane :page-courante="titrePage" :page-hierarchie="[{ label: 'Vos aides', url: 'vos-aides' }]" />
+    <FilDAriane :page-courante="titrePage" />
     <AidesResultat
       :is-loading="isLoading"
       titre-categorie-aide="Acheter un vélo neuf"

diff --git a/src/components/pages/PageAidesVeloFormulaire.vue b/src/components/pages/PageAidesVeloFormulaire.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="fr-container fr-pb-6w">
-    <FilDAriane page-courante="Acheter un vélo" :page-hierarchie="[{ label: 'Vos aides', url: 'vos-aides' }]" />
+    <FilDAriane page-courante="Acheter un vélo" />
     <div class="fr-grid-row fr-grid-row--gutters">
       <div class="fr-col-lg-8">
         <div class="background--white border border-radius--md fr-p-3w fr-mb-4w">

diff --git a/src/components/pages/PageQuestionKyc.vue b/src/components/pages/PageQuestionKyc.vue
@@ -1,14 +1,6 @@
 <template>
   <div class="fr-container fr-mb-6w">
-    <FilDAriane
-      page-courante="Question pour mieux vous connaître"
-      :page-hierarchie="[
-        {
-          label: 'Agir',
-          url: 'agir',
-        },
-      ]"
-    />
+    <FilDAriane page-courante="Question pour mieux vous connaître" />
     <h1 class="fr-h2">Question pour mieux vous connaître</h1>
     <div class="background--white border fr-p-4w border-radius--md">
       <form @submit.prevent="validerLaReponse" v-if="!reponseAEteDonnee">

diff --git a/src/components/pages/PageSuiviDuJour.vue b/src/components/pages/PageSuiviDuJour.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="fr-container fr-pb-6w">
-    <FilDAriane page-courante="Faire le suivi du jour" :page-hierarchie="[{ label: 'Agir', url: 'agir' }]" />
+    <FilDAriane page-courante="Faire le suivi du jour" />
     <SuiviDuJour />
   </div>
 </template>