i18n(fr): update reference/directives-reference.mdx (#9537)

See #9516 Co-authored-by: Yan <61414485+yanthomasdev@users.noreply.github.com>
withastro · Oct 3, 2024 · 4203f38 · 4203f38
1 parent 6b4889b
commit 4203f38
Showing 1 changed file with 10 additions and 0 deletions.
diff --git 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.