From 3fa96b1284d4dcac1a63b88ccc63def0cbd067b8 Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armand.philippot.eu>
Date: Mon, 13 Jul 2026 11:40:27 +0200
Subject: [PATCH] i18n(fr): update `troubleshooting.mdx` &
 `recipes/sharing-state.mdx`

See #14214 & #14216
---
 .../docs/fr/guides/troubleshooting.mdx        | 10 +++---
 src/content/docs/fr/recipes/sharing-state.mdx | 35 ++++++++++---------
 2 files changed, 24 insertions(+), 21 deletions(-)

diff --git a/src/content/docs/fr/guides/troubleshooting.mdx b/src/content/docs/fr/guides/troubleshooting.mdx
index 03edb92aa89a6..4625268488684 100644
--- a/src/content/docs/fr/guides/troubleshooting.mdx
+++ b/src/content/docs/fr/guides/troubleshooting.mdx
@@ -40,8 +40,8 @@ Ce composant permet d'inspecter des valeurs du côté client, sans JavaScript. I
 
 ```astro {2,7}
 ---
-import { Debug } from 'astro/components';
-const sum = (a, b) => a + b;
+import { Debug } from "astro:components";
+const sum = (a: any, b: any) => a + b;
 ---
 
 <!-- Exemple : Affiche {answer: 6} dans le navigateur -->
@@ -52,13 +52,13 @@ Le composant Debug prend en charge une variété d'options syntaxiques pour un d
 
 ```astro {2,7-9}
 ---
-import { Debug } from 'astro/components';
-const sum = (a, b) => a + b;
+import { Debug } from "astro:components";
+const sum = (a: any, b: any) => a + b;
 const answer = sum(2, 4);
 ---
 <!-- Exemple : Les trois exemples sont équivalents. -->
 <Debug answer={sum(2, 4)} />
-<Debug {...{answer: sum(2, 4)}} />
+<Debug {...{ answer: sum(2, 4) }} />
 <Debug {answer} />
 ```
 
diff --git a/src/content/docs/fr/recipes/sharing-state.mdx b/src/content/docs/fr/recipes/sharing-state.mdx
index 39ede5024af5f..a397bc09aa10c 100644
--- a/src/content/docs/fr/recipes/sharing-state.mdx
+++ b/src/content/docs/fr/recipes/sharing-state.mdx
@@ -50,34 +50,37 @@ Lors de la création d'un site web Astro, il se peut que vous deviez partager l'
   
     ```astro title="src/components/Button.astro"
     <button id="openDialog">Ouvrir</button>
-  
+
     <script>
-      import { isOpen } from '../store.js';
-      
+      import { isOpen } from "../store.js";
+
       // Définir le magasin sur true lorsque le bouton est cliqué
       function openDialog() {
         isOpen.set(true);
       }
-  
+
       // Ajouter un écouteur d'événement au bouton
-      document.getElementById('openDialog').addEventListener('click', openDialog);
+      document.getElementById("openDialog")?.addEventListener("click", openDialog);
     </script>
     ```
   
     ```astro title="src/components/Dialog.astro"
-    <div id="dialog" style="display: hidden">Hello world!</div>
-  
+    <div id="dialog" style="display: none">Hello world!</div>
+
     <script>
-      import { isOpen } from '../store.js';
-  
-      // Écouter les changements dans le magasin et afficher/masquer le dialogue en conséquence    
-      isOpen.subscribe(open => {
-        if (open) {
-          document.getElementById('dialog').style.display = 'block';
-        } else {
-          document.getElementById('dialog').style.display = 'none';
+      import { isOpen } from "../store.js";
+
+      const dialog = document.getElementById("dialog");
+      // Écouter les changements dans le magasin et afficher/masquer le dialogue en conséquence
+      isOpen.subscribe((open) => {
+        if (dialog) {
+          if (open) {
+            dialog.style.display = "block";
+          } else {
+            dialog.style.display = "none";
+          }
         }
-      })
+      });
     </script>
     ```
 </Steps>