Merge pull request #981 from MaitreManuel/dsfr-callout-default-slot-vs-text

fix: 🐛 DsfrCallout description critere 8.9 RGAA 4.1.2 NC

Author: laruiss

src/components/DsfrCallout/DsfrCallout.types.ts

@@ -3,7 +3,7 @@ import type { VIconProps } from '../VIcon/VIcon.vue'
 
 export type DsfrCalloutProps = {
   title?: string
-  content: string
+  content?: string
   titleTag?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'
   button?: DsfrButtonProps
   icon?: string | VIconProps

src/components/DsfrCallout/DsfrCallout.vue

@@ -36,7 +36,10 @@ const iconProps = computed(() => dsfrIcon.value ? undefined : typeof props.icon
       {{ title }}
     </component>
 
-    <p class="fr-callout__text">
+    <p
+      v-if="content"
+      class="fr-callout__text"
+    >
       {{ content }}
     </p>
 
@@ -46,7 +49,13 @@ const iconProps = computed(() => dsfrIcon.value ? undefined : typeof props.icon
     />
 
     <!-- @slot Slot par défaut pour le contenu de la mise en avant. Sera dans `<div class="fr-callout">` -->
-    <slot />
+    <div
+      v-if="$slots.default && !content"
+      class="fr-callout__text"
+    >
+      <slot />
+    </div>
+    <slot v-else />
   </div>
 </template>