Merge branch 'main' into nav

.github/PULL_REQUEST_TEMPLATE.md

@@ -21,6 +21,3 @@
 
 <!-- If you are a member of the Astro Discord, please add your username in the description so we can welcome you there! -->
 <!-- https://astro.build/chat -->
-
-<!-- TAKING PART IN HACKTOBERFEST? LET US KNOW! -->
-<!-- See https://contribute.docs.astro.build/guides/hacktoberfest/ for more details. -->

CONTRIBUTING.md

@@ -44,8 +44,6 @@ Submitting an Issue is usually the first step to making a change. After an Issue
 
 Larger contributions to the docs are encouraged after participating in Issues and Discussions, as unsolicited material may not fit into our existing plans.
 
-**Participating in Hacktoberfest?** See how you can get recognized for your translation PRs and PR reviews in our [Hacktoberfest guide](https://contribute.docs.astro.build/guides/hacktoberfest/).
-
 ### Examples of Helpful GitHub New Issues
 
 - a particular explanation is confusing (with explanation)

src/content/docs/de/basics/astro-syntax.mdx

@@ -12,7 +12,7 @@ Die Syntax von Astro-Komponenten ist eine Erweiterung von HTML. Die Syntax wurde
 
 Du kannst lokale JavaScript-Variablen innerhalb des Skripts der Frontmatter-Komponente zwischen den beiden Code-Grenzen (`---`) einer Astro-Komponente definieren. Du kannst dann diese Variablen mithilfe von JSX-ähnlichen Ausdrücken in das HTML-Template der Komponente einfügen!
 
-:::note[dynamisch vs reaktiv]
+:::note[Dynamisch vs reaktiv]
 Mit diesem Ansatz kannst du **dynamische** Werte einbinden, die im Frontmatter berechnet werden. Doch einmal eingefügt, ändern sich diese Werte nicht mehr und sind nicht **reaktiv**. Astro-Komponenten sind Vorlagen, die nur einmal während des Rendering-Schritts ausgeführt werden.
 
 Weitere Beispiele für [Unterschiede zwischen Astro und JSX](#unterschiede-zwischen-astro-und-jsx) siehe unten.
@@ -48,9 +48,8 @@ const name = "Astro";
 HTML-Attribute werden in Zeichenketten umgewandelt, daher ist es nicht möglich, Funktionen und Objekte an HTML-Elemente zu übergeben.
 Beispielsweise ist es nicht möglich, in einer Astro-Komponente einen event handler einem HTML-Element zuzuweisen:
 
-```astro
+```astro title="tu-das-nicht.astro"
 ---
-// tu-das-nicht.astro
 function handleClick () {
     console.log("Knopf gedrückt!");
 }
@@ -61,9 +60,8 @@ function handleClick () {
 
 Stattdessen verwende ein clientseitiges Skript, um den event handler hinzuzufügen, so wie du es in reinem JavaScript tun würdest:
 
-```astro
+```astro title="tu-stattdessen-das.astro"
 ---
-// tu-stattdessen-das.astro
 ---
 <button id="button">Drücke Mich</button>
 <script>
@@ -103,7 +101,7 @@ const sichtbar = true;
 
 ### Dynamische Tags
 
-Du kannst auch dynamische Tags verwenden, indem du eine Variable auf einen HTML-Tag-Namen oder einen Komponentenimport setzt:
+Du kannst auch dynamische Tags verwenden, indem du den Namen eines HTML-Tags einer Variablen zuweist oder einen Komponentenimport neu zuweist:
 
 ```astro title="src/components/DynamicTags.astro" /Element|(?<!My)Component/
 ---
@@ -121,6 +119,8 @@ Bei der Verwendung von dynamischen Tags:
 
 - **Hydratisierungsanweisungen werden nicht unterstützt.** Bei Verwendung von Hydratisierungsanweisungen [`client:*`](/de/guides/framework-components/#interaktive-komponenten-hydratisieren) muss Astro wissen, welche Komponenten für die Produktion gebündelt werden sollen, und das Muster dynamischer Tags verhindert dies.
 
+- **Die [Direktive `define:vars`](/de/reference/directives-reference/#definevars) wird nicht unterstützt.** Wenn du deinen Tag nicht in ein Containerelement (z. B. `<div>`) einhüllen kannst, dann kannst du ``style={`--maVariable:${Wert}}`` zu deinem Tag hinzufügen.
+
 ### Fragmente
 
 Astro unterstützt die Verwendung von `<Fragment> </Fragment>` oder der Kurzform `<> </>`.

src/content/docs/de/basics/layouts.mdx

@@ -59,7 +59,7 @@ import MeinLayout from '../layouts/MeinLayout.astro';
 
 ## Markdown-Layouts
 
-Seitenlayouts sind besonders nützlich für [Markdown-Dateien](/de/guides/markdown-content/#markdown-seiten). Markdown-Dateien können eine spezielle `layout`-Eigenschaft am Anfang des Frontmatters verwenden, um anzugeben, welche `.astro`-Komponente als Seitenlayout verwendet werden soll.
+Seitenlayouts sind besonders nützlich für [Markdown-Dateien](/de/guides/markdown-content/). Markdown-Dateien können eine spezielle `layout`-Eigenschaft am Anfang des Frontmatters verwenden, um anzugeben, welche `.astro`-Komponente als Seitenlayout verwendet werden soll.
 
 ```markdown {3}
 ---