From c5807698299d32ca4c4acf404b6c605088899348 Mon Sep 17 00:00:00 2001
From: GauthierWebDev <gauthier@gauthierdaniels.fr>
Date: Sun, 20 Apr 2025 16:48:32 +0200
Subject: [PATCH] style: Update heading tag in NavigationItem component

---
 app/layouts/DocsLayout.tsx  | 5 -----
 app/partials/Navigation.tsx | 6 +++---
 2 files changed, 3 insertions(+), 8 deletions(-)

diff --git a/app/layouts/DocsLayout.tsx b/app/layouts/DocsLayout.tsx
index 058c1c7..0016dea 100644
--- a/app/layouts/DocsLayout.tsx
+++ b/app/layouts/DocsLayout.tsx
@@ -3,7 +3,6 @@ import type { JSXElement } from "solid-js";
 import { TableOfContents } from "@/partials/TableOfContents";
 import { PrevNextLinks } from "@/components/PrevNextLinks";
 import { usePageContext } from "vike-solid/usePageContext";
-import { clientOnly } from "vike-solid/clientOnly";
 import { clock } from "solid-heroicons/outline";
 import { navigation } from "@/libs/navigation";
 import { Prose } from "@/components/Prose";
@@ -13,10 +12,6 @@ type DocsLayoutProps = {
 	children: JSXElement;
 };
 
-// const TableOfContents = clientOnly(() =>
-// 	import("@/partials/TableOfContents").then((m) => m.TableOfContents),
-// );
-
 export function DocsLayout(props: DocsLayoutProps) {
 	const pageContext = usePageContext();
 
diff --git a/app/partials/Navigation.tsx b/app/partials/Navigation.tsx
index a5aa6a9..a763a07 100644
--- a/app/partials/Navigation.tsx
+++ b/app/partials/Navigation.tsx
@@ -26,7 +26,7 @@ function NavigationItem(props: NavigationItemProps) {
 
 	return (
 		<>
-			<h2
+			<h3
 				class={clsx(
 					"font-display font-medium cursor-pointer",
 					isOpened() ? "text-violet-600" : "text-slate-900",
@@ -56,9 +56,9 @@ function NavigationItem(props: NavigationItemProps) {
 
 					<span class="text-slate-400"> ({props.section.links.length})</span>
 				</button>
-			</h2>
+			</h3>
 			{isOpened() && (
-				<ul class="!mt-0 ml-2 space-y-1 border-l-2 border-slate-100 lg:mt-4 lg:space-y-2 lg:border-slate-200">
+				<ul class="!mt-0 ml-2 space-y-1 border-l-2 border-slate-100 lg:mt-4 lg:space-y-2 lg:border-slate-200 mb-2">
 					<For each={props.section.links}>
 						{(link) => (
 							<li class="relative">