docs: 📝 Utilise les nouvelles fonctionnalités de SB7

laruiss · laruiss · commit 8383997daf95 · 2023-02-24T14:15:06.000+01:00
diff --git a/src/components/DsfrAccordion/DsfrAccordion.stories.js b/src/components/DsfrAccordion/DsfrAccordion.stories.js
@@ -1,6 +1,9 @@
 import DsfrAccordion from './DsfrAccordion.vue'
 import DsfrAccordionsGroup from './DsfrAccordionsGroup.vue'
 
+/**
+ * [Voir quand l’utiliser sur la documentation du DSFR](https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/accordeon/)
+ */
 export default {
   component: DsfrAccordion,
   title: 'Composants/Accordéon - DsfrAccordion',
diff --git a/src/components/DsfrAccordion/DsfrAccordionsGroup.stories.js b/src/components/DsfrAccordion/DsfrAccordionsGroup.stories.js
@@ -1,6 +1,9 @@
 import DsfrAccordionsGroup from './DsfrAccordionsGroup.vue'
 import DsfrAccordion from './DsfrAccordion.vue'
 
+/**
+ * [Voir quand l’utiliser sur la documentation du DSFR](https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/accordeon/)
+ */
 export default {
   component: DsfrAccordionsGroup,
   title: 'Composants/Accordéon - DsfrAccordionsGroup',
diff --git a/src/components/DsfrAlert/DsfrAlert.stories.js b/src/components/DsfrAlert/DsfrAlert.stories.js
@@ -6,6 +6,9 @@ import { RiCloseLine } from 'oh-vue-icons/icons/ri/index.js'
 
 addIcons(RiCloseLine)
 
+/**
+ * [Voir quand l’utiliser sur la documentation du DSFR](https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/alerte)
+ */
 export default {
   component: DsfrAlert,
   title: 'Composants/Alertes - DsfrAlert',
diff --git a/src/components/DsfrBadge/DsfrBadge.stories.js b/src/components/DsfrBadge/DsfrBadge.stories.js
@@ -1,5 +1,8 @@
 import DsfrBadge from './DsfrBadge.vue'
 
+/**
+ * [Voir quand l’utiliser sur la documentation du DSFR](https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/badge)
+ */
 export default {
   component: DsfrBadge,
   title: 'Composants/Badge - DsfrBadge',
diff --git a/src/components/DsfrBreadcrumb/DsfrBreadcrumb.stories.js b/src/components/DsfrBreadcrumb/DsfrBreadcrumb.stories.js
@@ -1,5 +1,8 @@
 import DsfrBreadcrumb from './DsfrBreadcrumb.vue'
 
+/**
+ * [Voir quand l’utiliser sur la documentation du DSFR](https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/fil-d-ariane)
+ */
 export default {
   component: DsfrBreadcrumb,
   title: 'Composants/Fil d’Ariane - DsfrBreadcrumb',
diff --git a/src/components/DsfrButton/DsfrButton.stories.js b/src/components/DsfrButton/DsfrButton.stories.js
@@ -6,6 +6,9 @@ import DsfrButton from './DsfrButton.vue'
 
 addIcons(RiCheckboxCircleLine, RiSearchLine)
 
+/**
+ * [Voir quand l’utiliser sur la documentation du DSFR](https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/bouton)
+ */
 export default {
   component: DsfrButton,
   title: 'Composants/Boutons/Boutons - DsfrButton',
diff --git a/src/components/DsfrButton/DsfrButtonGroup.stories.js b/src/components/DsfrButton/DsfrButtonGroup.stories.js
@@ -6,6 +6,9 @@ import DsfrButtonGroup from './DsfrButtonGroup.vue'
 
 addIcons(RiCheckboxCircleLine)
 
+/**
+ * [Voir quand l’utiliser sur la documentation du DSFR](https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/groupe-de-boutons)
+ */
 export default {
   component: DsfrButtonGroup,
   title: 'Composants/Boutons/Groupe de Boutons - DsfrButtonGroup',
diff --git a/src/components/DsfrCallout/DsfrCallout.stories.js b/src/components/DsfrCallout/DsfrCallout.stories.js
@@ -6,6 +6,9 @@ import DsfrCallout from './DsfrCallout.vue'
 
 addIcons(RiInformationLine)
 
+/**
+ * [Voir quand l’utiliser sur la documentation du DSFR](https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/mise-en-avant)
+ */
 export default {
   component: DsfrCallout,
   title: 'Composants/Mise en Avant - Callout',
diff --git a/src/components/DsfrCard/DsfrCard.stories.js b/src/components/DsfrCard/DsfrCard.stories.js
@@ -1,5 +1,8 @@
 import DsfrCard from './DsfrCard.vue'
 
+/**
+ * [Voir quand l’utiliser sur la documentation du DSFR](https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/carte)
+ */
 export default {
   component: DsfrCard,
   title: 'Composants/Carte - DsfrCard',
diff --git a/src/components/DsfrCheckbox/DsfrCheckbox.stories.js b/src/components/DsfrCheckbox/DsfrCheckbox.stories.js
@@ -1,5 +1,8 @@
 import DsfrCheckbox from './DsfrCheckbox.vue'
 
+/**
+ * [Voir quand l’utiliser sur la documentation du DSFR](https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/case-a-cocher)
+ */
 export default {
   component: DsfrCheckbox,
   title: 'Composants/Case à cocher/Case à cocher - DsfrCheckbox',
diff --git a/src/components/DsfrCheckbox/DsfrCheckboxSet.stories.js b/src/components/DsfrCheckbox/DsfrCheckboxSet.stories.js
@@ -1,5 +1,8 @@
 import DsfrCheckboxSet from './DsfrCheckboxSet.vue'
 
+/**
+ * [Voir quand l’utiliser sur la documentation du DSFR](https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/case-a-cocher)
+ */
 export default {
   component: DsfrCheckboxSet,
   title: 'Composants/Case à cocher/Groupe de cases à cocher - DsfrCheckboxSet',
diff --git a/src/components/DsfrConsent/DsfrConsent.stories.js b/src/components/DsfrConsent/DsfrConsent.stories.js
@@ -1,5 +1,8 @@
 import DsfrConsent from './DsfrConsent.vue'
 
+/**
+ * [Voir quand l’utiliser sur la documentation du DSFR](https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/gestionnaire-de-consentement)
+ */
 export default {
   component: DsfrConsent,
   title: 'Composants/Gestionnaire de consentement - DsfrConsent',
diff --git a/src/components/DsfrFileDownload/DsfrFileDownload.stories.js b/src/components/DsfrFileDownload/DsfrFileDownload.stories.js
@@ -1,5 +1,8 @@
 import DsfrFileDownload from './DsfrFileDownload.vue'
 
+/**
+ * [Voir quand l’utiliser sur la documentation du DSFR](https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/telechargement-de-fichier)
+ */
 export default {
   component: DsfrFileDownload,
   title: 'Composants/Téléchargement de Fichier - DsfrFileDownload',
diff --git a/src/components/DsfrFileDownload/DsfrFileDownloadList.stories.js b/src/components/DsfrFileDownload/DsfrFileDownloadList.stories.js
@@ -1,5 +1,8 @@
 import DsfrFileDownloadList from './DsfrFileDownloadList.vue'
 
+/**
+ * [Voir quand l’utiliser sur la documentation du DSFR](https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/telechargement-de-fichier)
+ */
 export default {
   component: DsfrFileDownloadList,
   title: 'Composants/Téléchargement de Fichier - DsfrFileDownloadList',
diff --git a/src/components/DsfrFileUpload/DsfrFileUpload.stories.js b/src/components/DsfrFileUpload/DsfrFileUpload.stories.js
@@ -1,5 +1,8 @@
 import DsfrFileUpload from './DsfrFileUpload.vue'
 
+/**
+ * [Voir quand l’utiliser sur la documentation du DSFR](https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/ajout-de-fichier)
+ */
 export default {
   component: DsfrFileUpload,
   title: 'Composants/Ajout de Fichier - DsfrFileUpload',
diff --git a/src/components/DsfrFollow/DsfrFollow.stories.js b/src/components/DsfrFollow/DsfrFollow.stories.js
@@ -1,5 +1,8 @@
 import DsfrFollow from './DsfrFollow.vue'
 
+/**
+ * [Voir quand l’utiliser sur la documentation du DSFR](https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/lettre-d-information-et-reseaux-sociaux)
+ */
 export default {
   title: 'Composants/Lettres d’information et réseaux/Lettre d’info + Réseaux - DsfrFollow',
   name: '',
diff --git a/src/components/DsfrFollow/DsfrNewsLetter.stories.js b/src/components/DsfrFollow/DsfrNewsLetter.stories.js
@@ -1,6 +1,9 @@
 import DsfrNewsLetter from './DsfrNewsLetter.vue'
 import DsfrFollow from './DsfrFollow.vue'
 
+/**
+ * [Voir quand l’utiliser sur la documentation du DSFR](https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/lettre-d-information-et-reseaux-sociaux)
+ */
 export default {
   component: DsfrNewsLetter,
   title: 'Composants/Lettres d’information et réseaux/Lettre d’information - DsfrNewsletter',
diff --git a/src/components/DsfrFollow/DsfrSocialNetworks.stories.js b/src/components/DsfrFollow/DsfrSocialNetworks.stories.js
@@ -1,6 +1,9 @@
 import DsfrSocialNetworks from './DsfrSocialNetworks.vue'
 import DsfrFollow from './DsfrFollow.vue'
 
+/**
+ * [Voir quand l’utiliser sur la documentation du DSFR](https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/lettre-d-information-et-reseaux-sociaux)
+ */
 export default {
   title: 'Composants/Lettres d’information et réseaux/Réseaux sociaux - DsfrSocialNetworks',
   name: '',
diff --git a/src/components/DsfrFooter/DsfrFooter.stories.js b/src/components/DsfrFooter/DsfrFooter.stories.js
@@ -7,6 +7,9 @@ import DsfrFooterLinkList from './DsfrFooterLinkList.vue'
 
 addIcons(RiExternalLinkLine)
 
+/**
+ * [Voir quand l’utiliser sur la documentation du DSFR](https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/pied-de-page)
+ */
 export default {
   component: DsfrFooter,
   title: 'Composants/Pied de page - DsfrFooter',
diff --git a/src/components/DsfrFranceConnect/DsfrFranceConnect.stories.js b/src/components/DsfrFranceConnect/DsfrFranceConnect.stories.js
@@ -1,5 +1,8 @@
 import DsfrFranceConnect from './DsfrFranceConnect.vue'
 
+/**
+ * [Voir quand l’utiliser sur la documentation du DSFR](https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/bouton-franceconnect)
+ */
 export default {
   component: DsfrFranceConnect,
   title: 'Composants/Connexion - FranceConnect',
diff --git a/src/components/DsfrHeader/DsfrHeader.stories.js b/src/components/DsfrHeader/DsfrHeader.stories.js
@@ -14,6 +14,9 @@ addIcons(
   RiAccountCircleLine,
 )
 
+/**
+ * [Voir quand l’utiliser sur la documentation du DSFR](https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/en-tete)
+ */
 export default {
   component: DsfrHeader,
   title: 'Composants/En-tête - DsfrHeader',
diff --git a/src/components/DsfrHighlight/DsfrHighlight.stories.js b/src/components/DsfrHighlight/DsfrHighlight.stories.js
@@ -1,5 +1,8 @@
 import DsfrHighlight from './DsfrHighlight.vue'
 
+/**
+ * [Voir quand l’utiliser sur la documentation du DSFR](https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/mise-en-exergue)
+ */
 export default {
   component: DsfrHighlight,
   title: 'Composants/Mise en Exergue - DsfrHighlight',
diff --git a/src/components/DsfrInput/DsfrInput.stories.js b/src/components/DsfrInput/DsfrInput.stories.js
@@ -9,6 +9,9 @@ import { RiQuestionFill } from 'oh-vue-icons/icons/ri/index.js'
 
 addIcons(RiQuestionFill)
 
+/**
+ * [Voir quand l’utiliser sur la documentation du DSFR](https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/champ-de-saisie)
+ */
 export default {
   component: DsfrInput,
   title: 'Composants/Champ de saisie/Champ simple - DsfrInput',
diff --git a/src/components/DsfrInput/DsfrInputGroup.stories.js b/src/components/DsfrInput/DsfrInputGroup.stories.js
@@ -1,6 +1,9 @@
 import DsfrInput from './DsfrInput.vue'
 import DsfrInputGroup from './DsfrInputGroup.vue'
 
+/**
+ * [Voir quand l’utiliser sur la documentation du DSFR](https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/champ-de-saisie)
+ */
 export default {
   component: DsfrInput,
   title: 'Composants/Champ de saisie/Champ avec message associé - DsfrInputGroup',
diff --git a/src/components/DsfrLanguageSelector/DsfrLanguageSelector.stories.js b/src/components/DsfrLanguageSelector/DsfrLanguageSelector.stories.js
@@ -1,5 +1,8 @@
 import DsfrLanguageSelector from './DsfrLanguageSelector.vue'
 
+/**
+ * [Voir quand l’utiliser sur la documentation du DSFR](https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/selecteur-de-langue)
+ */
 export default {
   component: DsfrLanguageSelector,
   title: 'Composants/Sélecteur de langues - DsfrLanguageSelector',
diff --git a/src/components/DsfrModal/DsfrModal.stories.js b/src/components/DsfrModal/DsfrModal.stories.js
@@ -12,6 +12,9 @@ setup(app => {
   app.component('VIcon', VIcon)
 })
 
+/**
+ * [Voir quand l’utiliser sur la documentation du DSFR](https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/modale)
+ */
 export default {
   component: DsfrModal,
   title: 'Composants/Modale - DsfrModal',
diff --git a/src/components/DsfrNavigation/DsfrNavigation.stories.js b/src/components/DsfrNavigation/DsfrNavigation.stories.js
@@ -16,6 +16,9 @@ setup(app => {
   app.component('RouterLink', RouterLink)
 })
 
+/**
+ * [Voir quand l’utiliser sur la documentation du DSFR](https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/navigation-principale)
+ */
 export default {
   component: DsfrNavigation,
   title: 'Composants/Navigation Principale/1. Navigation Principale - DsfrNavigation',
diff --git a/src/components/DsfrPagination/DsfrPagination.stories.js b/src/components/DsfrPagination/DsfrPagination.stories.js
@@ -1,5 +1,8 @@
 import DsfrPagination from './DsfrPagination.vue'
 
+/**
+ * [Voir quand l’utiliser sur la documentation du DSFR](https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/pagination)
+ */
 export default {
   component: DsfrPagination,
   title: 'Composants/Pagination - Pagination',
diff --git a/src/components/DsfrQuote/DsfrQuote.stories.js b/src/components/DsfrQuote/DsfrQuote.stories.js
@@ -1,5 +1,8 @@
 import DsfrQuote from './DsfrQuote.vue'
 
+/**
+ * [Voir quand l’utiliser sur la documentation du DSFR](https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/citation)
+ */
 export default {
   component: DsfrQuote,
   title: 'Composants/Citations - DsfrQuote',
diff --git a/src/components/DsfrRadioButton/DsfrRadioButton.stories.js b/src/components/DsfrRadioButton/DsfrRadioButton.stories.js
@@ -1,6 +1,9 @@
 
 import DsfrRadioButton from './DsfrRadioButton.vue'
 
+/**
+ * [Voir quand l’utiliser sur la documentation du DSFR](https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/boutons-radio)
+ */
 export default {
   component: DsfrRadioButton,
   title: 'Composants/Boutons radio/Boutons radio - DsfrRadioButtons',
diff --git a/src/components/DsfrRadioButton/DsfrRadioButtonSet.stories.js b/src/components/DsfrRadioButton/DsfrRadioButtonSet.stories.js
@@ -1,5 +1,8 @@
 import DsfrRadioButtonSet from './DsfrRadioButtonSet.vue'
 
+/**
+ * [Voir quand l’utiliser sur la documentation du DSFR](https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/boutons-radio)
+ */
 export default {
   component: DsfrRadioButtonSet,
   title: 'Composants/Boutons radio/Groupe de boutons radio - DsfrRadioButtonSet',
diff --git a/src/components/DsfrSearchBar/DsfrSearchBar.stories.js b/src/components/DsfrSearchBar/DsfrSearchBar.stories.js
@@ -1,5 +1,8 @@
 import DsfrSearchBar from './DsfrSearchBar.vue'
 
+/**
+ * [Voir quand l’utiliser sur la documentation du DSFR](https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/barre-de-recherche)
+ */
 export default {
   component: DsfrSearchBar,
   title: 'Composants/Barre de recherche - DsfrSearchBar',
diff --git a/src/components/DsfrSelect/DsfrSelect.stories.js b/src/components/DsfrSelect/DsfrSelect.stories.js
@@ -1,5 +1,8 @@
 import DsfrSelect from './DsfrSelect.vue'
 
+/**
+ * [Voir quand l’utiliser sur la documentation du DSFR](https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/liste-deroulante)
+ */
 export default {
   component: DsfrSelect,
   title: 'Composants/Liste déroulante - DsfrSelect',
diff --git a/src/components/DsfrShare/DsfrShare.stories.js b/src/components/DsfrShare/DsfrShare.stories.js
@@ -1,5 +1,8 @@
 import DsfrShare from './DsfrShare.vue'
 
+/**
+ * [Voir quand l’utiliser sur la documentation du DSFR](https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/partage)
+ */
 export default {
   component: DsfrShare,
   title: 'Composants/Partage - DsfrShare',
diff --git a/src/components/DsfrSideMenu/DsfrSideMenu.stories.js b/src/components/DsfrSideMenu/DsfrSideMenu.stories.js
@@ -12,6 +12,9 @@ function toggleExpandedForMenuWithId (menuItems, id) {
   })
 }
 
+/**
+ * [Voir quand l’utiliser sur la documentation du DSFR](https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/menu-lateral)
+ */
 export default {
   component: DsfrSideMenu,
   title: 'Composants/Menu latéral/1 - Menu entier - DsfrSideMenu',
diff --git a/src/components/DsfrSkipLinks/DsfrSkipLinks.stories.js b/src/components/DsfrSkipLinks/DsfrSkipLinks.stories.js
@@ -1,5 +1,8 @@
 import DsfrSkipLinks from './DsfrSkipLinks.vue'
 
+/**
+ * [Voir quand l’utiliser sur la documentation du DSFR](https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/lien-d-evitement)
+ */
 export default {
   component: DsfrSkipLinks,
   title: 'Composants/Liens d’évitement - Skip links',
diff --git a/src/components/DsfrStepper/DsfrStepper.stories.js b/src/components/DsfrStepper/DsfrStepper.stories.js
@@ -1,5 +1,8 @@
 import DsfrStepper from './DsfrStepper.vue'
 
+/**
+ * [Voir quand l’utiliser sur la documentation du DSFR](https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/indicateur-d-etape)
+ */
 export default {
   component: DsfrStepper,
   title: 'Composants/Indicateur d’étapes - DsfrStepper',
diff --git a/src/components/DsfrSummary/DsfrSummary.stories.js b/src/components/DsfrSummary/DsfrSummary.stories.js
@@ -1,5 +1,8 @@
 import DsfrSummary from './DsfrSummary.vue'
 
+/**
+ * [Voir quand l’utiliser sur la documentation du DSFR](https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/sommaire)
+ */
 export default {
   component: DsfrSummary,
   title: 'Composants/Sommaire - DsfrSummary',
diff --git a/src/components/DsfrTable/DsfrTable.stories.js b/src/components/DsfrTable/DsfrTable.stories.js
@@ -9,6 +9,9 @@ setup(app => {
   app.component('DsfrTag', DsfrTag)
 })
 
+/**
+ * [Voir quand l’utiliser sur la documentation du DSFR](https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/tableau)
+ */
 export default {
   component: DsfrTable,
   title: 'Composants/Tableau/Tableau entier - DsfrTable',
diff --git a/src/components/DsfrTabs/DsfrTabs.stories.js b/src/components/DsfrTabs/DsfrTabs.stories.js
@@ -9,6 +9,9 @@ import DsfrAccordion from '../DsfrAccordion/DsfrAccordion.vue'
 
 addIcons(RiCheckboxCircleLine)
 
+/**
+ * [Voir quand l’utiliser sur la documentation du DSFR](https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/onglet)
+ */
 export default {
   component: DsfrTabs,
   title: 'Composants/Onglets - DsfrTabs',
diff --git a/src/components/DsfrTag/DsfrTags.stories.js b/src/components/DsfrTag/DsfrTags.stories.js
@@ -17,6 +17,9 @@ addIcons(
   RiArrowRightLine,
 )
 
+/**
+ * [Voir quand l’utiliser sur la documentation du DSFR](https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/tag)
+ */
 export default {
   component: DsfrTags,
   title: 'Composants/Étiquettes - DsfrTags',
diff --git a/src/components/DsfrTile/DsfrTile.stories.js b/src/components/DsfrTile/DsfrTile.stories.js
@@ -1,5 +1,8 @@
 import DsfrTile from './DsfrTile.vue'
 
+/**
+ * [Voir quand l’utiliser sur la documentation du DSFR](https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/tuile)
+ */
 export default {
   component: DsfrTile,
   title: 'Composants/Tuile - DsfrTile',
diff --git a/src/components/DsfrTile/DsfrTiles.stories.js b/src/components/DsfrTile/DsfrTiles.stories.js
diff --git a/src/components/DsfrToggleSwitch/DsfrToggleSwitch.stories.js b/src/components/DsfrToggleSwitch/DsfrToggleSwitch.stories.js
diff --git a/src/components/DsfrTranscription/DsfrTranscription.stories.js b/src/components/DsfrTranscription/DsfrTranscription.stories.js
