site: implemenet docs navLink

site/src/routes/docs/+layout.svelte

@@ -1,13 +1,32 @@
-<script>
-  let { data, children } = $props();
-  let { paths } = data;
+<script lang="ts">
+  import type { NormalizedNavLink } from "./utils";
+  let { children, data } = $props();
 </script>
 
+{#snippet navLinkSnippet(navLink: NormalizedNavLink)}
+  {#if "items" in navLink}
+    <li>
+      <span class="label group">{navLink.label}</span>
+      <ul>
+        {#each navLink.items as item}
+          {@render navLinkSnippet(item)}
+        {/each}
+      </ul>
+    </li>
+  {:else}
+    <li>
+      <a href={navLink.slug}>{navLink.label}</a>
+    </li>
+  {/if}
+{/snippet}
+
 <div class="container">
   <nav>
-    {#each paths as path}
-      <li><a href={`/docs/${path}`}>{path}</a></li>
-    {/each}
+    <ul>
+      {#each data.navLinks as navLink}
+        {@render navLinkSnippet(navLink)}
+      {/each}
+    </ul>
   </nav>
   <div class="content">
     {@render children()}