chore: dasdasd

Author: sonofmagic

blog-archived/app/pages/articles/[...slug].vue

@@ -26,6 +26,13 @@ function parseMeta(entry: Record<string, any>) {
   return {}
 }
 
+interface TocLink {
+  id: string
+  depth: number
+  text: string
+  children?: TocLink[]
+}
+
 function gatherNodeText(node: any): string {
   if (!node || typeof node !== 'object') {
     return ''
@@ -61,6 +68,75 @@ function extractFirstParagraphText(body: any): string | undefined {
   return undefined
 }
 
+function buildTocLinksFromBody(body: MarkdownRoot | undefined | null): TocLink[] {
+  const children = Array.isArray(body?.children) ? body!.children : []
+  const links: TocLink[] = []
+  const stack: Array<{ depth: number, link: TocLink }> = []
+
+  for (const node of children) {
+    if (!node || typeof node !== 'object') {
+      continue
+    }
+    const tag = typeof (node as any).tag === 'string' ? (node as any).tag : null
+    if (!tag || !tag.startsWith('h')) {
+      continue
+    }
+
+    const depth = Number.parseInt(tag.slice(1), 10)
+    if (!Number.isFinite(depth) || depth < 2) {
+      continue
+    }
+
+    const id = typeof (node as any).props?.id === 'string' ? (node as any).props.id : null
+    if (!id) {
+      continue
+    }
+
+    const text = gatherNodeText(node).trim()
+    if (!text) {
+      continue
+    }
+
+    const link: TocLink = {
+      id,
+      depth,
+      text,
+      children: [],
+    }
+
+    while (stack.length > 0 && stack[stack.length - 1]!.depth >= depth) {
+      stack.pop()
+    }
+
+    if (stack.length === 0) {
+      links.push(link)
+    }
+    else {
+      const parent = stack[stack.length - 1]!.link
+      if (!parent.children) {
+        parent.children = []
+      }
+      parent.children.push(link)
+    }
+
+    stack.push({ depth, link })
+  }
+
+  function normalize(nodes: TocLink[]): TocLink[] {
+    return nodes.map((node) => {
+      if (node.children && node.children.length === 0) {
+        delete node.children
+      }
+      else if (node.children) {
+        node.children = normalize(node.children)
+      }
+      return node
+    })
+  }
+
+  return normalize(links)
+}
+
 const { data: article } = await useAsyncData(`article:${contentPath}`, async () => {
   const entry = await queryCollection('articles')
     .path(contentPath)
@@ -119,7 +195,13 @@ const { data: adjacent } = await useAsyncData(`article-nav:${contentPath}`, asyn
   }
 })
 
-const tocLinks = computed(() => article.value?.body?.toc?.links ?? [])
+const tocLinks = computed<TocLink[]>(() => {
+  const rawLinks = article.value?.body?.toc?.links
+  if (Array.isArray(rawLinks) && rawLinks.length > 0) {
+    return rawLinks as TocLink[]
+  }
+  return buildTocLinksFromBody(article.value?.body)
+})
 const hasToc = computed(() => tocLinks.value.length > 0)
 const isTocOpen = ref(false)
 const previousArticle = computed(() => adjacent.value?.prev ?? null)