i18n(de): update tutorial with changes from #12532

src/content/docs/de/tutorial/3-components/3.mdx

@@ -100,8 +100,8 @@ Da deine Website auf verschiedenen Geräten angesehen wird, ist es an der Zeit,
     ---
     <div id="main-menu" class="nav-links">
       <a href="/">Startseite</a>
-      <a href="/about">Über mich</a>
-      <a href="/blog">Blog</a>
+      <a href="/about/">Über mich</a>
+      <a href="/blog/">Blog</a>
     </div>
     ```
 

src/content/docs/de/tutorial/3-components/4.mdx

@@ -126,16 +126,16 @@ Dein Header ist noch nicht **interaktiv**, da er nicht auf Benutzereingaben reag
 Das Hinzufügen eines `<script>`-Tags ermöglicht es clientseitigem JavaScript, auf ein Benutzerereignis zu „hören“ und entsprechend zu reagieren.
 
 <Steps>
-1. Füge das folgende `<script>`-Tag zu `index.astro`, kurz vor dem schließenden `</body>`-Tag hinzu.
+1. Füge das folgende `<script>`-Tag, mit der eingebauten TypeScript-Unterstützung von Astro, zu `index.astro`, kurz vor dem schließenden `</body>`-Tag hinzu.
 
     ```astro title="src/pages/index.astro" ins={2-9}
       <Footer />
       <script>
         const menu = document.querySelector('.menu');
 
-        menu.addEventListener('click', () => {
+        menu?.addEventListener('click', () => {
           const isExpanded = menu.getAttribute('aria-expanded') === 'true';
-          menu.setAttribute('aria-expanded', !isExpanded);
+          menu.setAttribute('aria-expanded', `${!isExpanded}`);
         });
       </script>
     </body>
@@ -154,9 +154,9 @@ Anstatt dein JavaScript direkt auf jeder Seite zu schreiben, kannst du den Inhal
     ```js title="src/scripts/menu.js"
     const menu = document.querySelector('.menu');
 
-    menu.addEventListener('click', () => {
+    menu?.addEventListener('click', () => {
       const isExpanded = menu.getAttribute('aria-expanded') === 'true';
-      menu.setAttribute('aria-expanded', !isExpanded);
+      menu.setAttribute('aria-expanded', `${!isExpanded}`);
     });
     ```
 
@@ -167,9 +167,9 @@ Anstatt dein JavaScript direkt auf jeder Seite zu schreiben, kannst du den Inhal
       <script>
         const menu = document.querySelector('.menu');
 
-        menu.addEventListener('click', () => {
+        menu?.addEventListener('click', () => {
           const isExpanded = menu.getAttribute('aria-expanded') === 'true';
-          menu.setAttribute('aria-expanded', !isExpanded);
+          menu.setAttribute('aria-expanded', `${!isExpanded}`);
         });
 
         import "../scripts/menu.js";

src/content/docs/de/tutorial/6-islands/3.mdx

@@ -17,21 +17,25 @@ import { CardGrid, LinkCard } from '@astrojs/starlight/components';
 
 Es gibt noch eine letzte Änderung …
 
-```astro title="src/pages/about.astro" del={5} ins={6}
+```astro title="src/pages/about.astro" del={15} ins={16}
 ---
 import BaseLayout from "../layouts/BaseLayout.astro";
 const pageTitle = "Über mich";
-const happy = true;
-const finished = false;
-const finished = true;
-const goal = 3;
+
 const identity = {
   firstName: "Sarah",
   country: "Kanada",
   occupation: "Technische Redakteurin",
   hobbies: ["Fotografie", "Vogelbeobachtung", "Baseball"],
 };
+
 const skills = ["HTML", "CSS", "JavaScript", "React", "Astro", "Dokumentation schreiben"];
+
+const happy = true;
+const finished = false;
+const finished = true;
+const goal = 3;
+
 const skillColor = "crimson";
 const fontWeight = "bold";
 const textCase = "uppercase";