From 4c17af3bc53507e722f1a9c8bb8b728342a576c3 Mon Sep 17 00:00:00 2001
From: Florian Beaumont <25250981+BFlorian91@users.noreply.github.com>
Date: Mon, 7 Oct 2024 13:52:31 +0200
Subject: [PATCH 1/2] fix(docs): correct closing nav tag in header components
 examples

---
 packages/nuejs.org/docs/page-layout.md | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/nuejs.org/docs/page-layout.md b/packages/nuejs.org/docs/page-layout.md
index 89683d68..dd742692 100644
--- a/packages/nuejs.org/docs/page-layout.md
+++ b/packages/nuejs.org/docs/page-layout.md
@@ -114,7 +114,7 @@ Now our website has a new `header` element nested directly under the `body`. It
       <a href="/docs/">Documentation</a>
       <a href="/blog/">Blog</a>
       <a href="/about/">About</a></nav>
-    </hav>
+    </nav>
   </header>
 
   <main>
@@ -277,7 +277,7 @@ This generates the following HTML:
   <a href="/first/link">Link 1 text</a>
   <a href="/second/link" class="pill">Link 2 text</a>
   ...
-</hav>
+</nav>
 ```
 
 #### Nav items
@@ -382,11 +382,11 @@ This will generate the following:
 
   <!-- the dropdown -->
   <span aria-haspopup>
-    <a aria-expanded="false">More</a>
-
     <nav>
+        <a aria-expanded="false">More</a>
     </nav>
   </span>
+</nav>
 ```
 
 The standard [aria-haspopup](//developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-haspopup) and [aria-expanded](//developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded) roles can be used on your CSS to implement the dropdown behavior.

From 9a74b9e33197347636e53c2cb4c75f0bcd0462ed Mon Sep 17 00:00:00 2001
From: nobkd <44443899+nobkd@users.noreply.github.com>
Date: Sun, 13 Oct 2024 01:06:32 +0200
Subject: [PATCH 2/2] docs: fix generated html

---
 packages/nuejs.org/docs/page-layout.md | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/nuejs.org/docs/page-layout.md b/packages/nuejs.org/docs/page-layout.md
index dd742692..b20f3e01 100644
--- a/packages/nuejs.org/docs/page-layout.md
+++ b/packages/nuejs.org/docs/page-layout.md
@@ -382,8 +382,12 @@ This will generate the following:
 
   <!-- the dropdown -->
   <span aria-haspopup>
+    <a aria-expanded="false">More</a>
+
     <nav>
-        <a aria-expanded="false">More</a>
+      <a href="/about/">About Us</a>
+      <a href="/contact/">Contact</a>
+      <a href="/faq/">FAQ</a>
     </nav>
   </span>
 </nav>