From 5b66a909c266b6921d52f1fb6eca5435f51e3a8d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?f=C3=A9lix?= <147977941+ocku@users.noreply.github.com>
Date: Fri, 12 Jan 2024 20:41:25 +0000
Subject: [PATCH] Fix typo in Hyperscript Tabs docs

---
 www/content/examples/tabs-javascript.md | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/www/content/examples/tabs-javascript.md b/www/content/examples/tabs-javascript.md
index c0a1bf196..0f32a093c 100644
--- a/www/content/examples/tabs-javascript.md
+++ b/www/content/examples/tabs-javascript.md
@@ -24,9 +24,9 @@ when the content is swapped into the DOM.
                                let newTab = event.target
                                newTab.setAttribute('aria-selected', 'true')
                                newTab.classList.add('selected')">
-    <button role="tab" aria-controls="tab-content" aria-selected="true" hx-get="/tab1" class="selected">Tab 1</button>
-    <button role="tab" aria-controls="tab-content" aria-selected="false" hx-get="/tab2">Tab 2</button>
-    <button role="tab" aria-controls="tab-content" aria-selected="false" hx-get="/tab3">Tab 3</button>
+    <button role="tab" aria-controls="tab-contents" aria-selected="true" hx-get="/tab1" class="selected">Tab 1</button>
+    <button role="tab" aria-controls="tab-contents" aria-selected="false" hx-get="/tab2">Tab 2</button>
+    <button role="tab" aria-controls="tab-contents" aria-selected="false" hx-get="/tab3">Tab 3</button>
 </div>
 
 <div id="tab-contents" role="tabpanel" hx-get="/tab1" hx-trigger="load"></div>
@@ -42,9 +42,9 @@ when the content is swapped into the DOM.
                                           let newTab = event.target
                                           newTab.setAttribute('aria-selected', 'true')
                                           newTab.classList.add('selected')">
-	<button role="tab" aria-controls="tab-content" aria-selected="true" hx-get="/tab1" class="selected">Tab 1</button>
-	<button role="tab" aria-controls="tab-content" aria-selected="false" hx-get="/tab2">Tab 2</button>
-	<button role="tab" aria-controls="tab-content" aria-selected="false" hx-get="/tab3">Tab 3</button>
+	<button role="tab" aria-controls="tab-contents" aria-selected="true" hx-get="/tab1" class="selected">Tab 1</button>
+	<button role="tab" aria-controls="tab-contents" aria-selected="false" hx-get="/tab2">Tab 2</button>
+	<button role="tab" aria-controls="tab-contents" aria-selected="false" hx-get="/tab3">Tab 3</button>
 </div>
 
 <div id="tab-contents" role="tabpanel" hx-get="/tab1" hx-trigger="load"></div>