Use nested headings in docs website

ElMassimo · Feb 1, 2023 · 50c8fbe · 50c8fbe
1 parent 317f930
commit 50c8fbe
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 23 deletions.
diff --git a/docs/iles.config.ts b/docs/iles.config.ts
@@ -19,7 +19,7 @@ export default defineConfig({
   jsx: 'preact',
   debug: false,
   modules: [
-    headings(),
+    headings({ isNested: true }),
     icons(),
     prism(),
     lastUpdated(),

diff --git a/docs/src/components/TableOfContents.vue b/docs/src/components/TableOfContents.vue
@@ -2,32 +2,12 @@
 import type { Heading } from '@islands/headings'
 import type { SideBarItem } from '~/logic/config'
 
-interface HeadingWithChildren extends Heading {
-  children?: Heading[]
-}
-
 let { meta, frontmatter } = usePage()
 let level = $computed(() => frontmatter.tocLevel || (frontmatter.sidebar === 'auto' ? 3 : 2))
 
-let headings = $computed(() => resolveHeaders(meta.headings || []))
-
-function resolveHeaders (headings: Heading[]): SideBarItem[] {
-  return mapHeaders(groupHeaders(headings))
-}
-
-function groupHeaders (headings: Heading[]): HeadingWithChildren[] {
-  headings = headings.map(h => Object.assign({}, h))
-  let lastHeading: HeadingWithChildren
-  headings.forEach((h) => {
-    if (h.level === level)
-      lastHeading = h
-    else if (lastHeading)
-      (lastHeading.children || (lastHeading.children = [])).push(h)
-  })
-  return headings.filter(h => h.level === level)
-}
+let headings = $computed(() => mapHeaders((meta.headings || [])[0].children))
 
-function mapHeaders (headings: HeadingWithChildren[]): SideBarItem[] {
+function mapHeaders (headings: Heading[]): SideBarItem[] {
   return headings.map(Heading => ({
     text: Heading.title,
     link: `#${Heading.slug}`,