From 4203f38bbfc86c7ca3316a8ebda8e50fa13c6175 Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armand.philippot.eu>
Date: Thu, 3 Oct 2024 17:15:23 +0200
Subject: [PATCH] i18n(fr): update `reference/directives-reference.mdx` (#9537)

See #9516

Co-authored-by: Yan <61414485+yanthomasdev@users.noreply.github.com>
---
 src/content/docs/fr/reference/directives-reference.mdx | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/content/docs/fr/reference/directives-reference.mdx b/src/content/docs/fr/reference/directives-reference.mdx
index 99b15d6837519..b655b9b7236f2 100644
--- a/src/content/docs/fr/reference/directives-reference.mdx
+++ b/src/content/docs/fr/reference/directives-reference.mdx
@@ -197,6 +197,16 @@ Si le composant est déjà masqué et affiché par une requête multimédia dans
 <SomeLitComponent client:only="lit" />
 ```
 
+#### Afficher le contenu en cours de chargement
+
+Pour les composants qui s'affichent uniquement sur le client, il est également possible d'afficher le contenu de secours pendant leur chargement. Utilisez `slot="fallback"` sur n'importe quel élément enfant pour créer du contenu qui sera affiché uniquement jusqu'à ce que votre composant client soit disponible :
+
+```astro {2}
+<ClientComponent client:only="vue">
+  <div slot="fallback">En cours de chargement</div>
+</ClientComponent>
+```
+
 ### Directives Client personnalisées
 
 Depuis Astro 2.6.0, les intégrations peuvent également ajouter des directives `client:*` personnalisées pour modifier comment et quand les composants doivent être hydratés.