fix: filter real markdown headings

Signed-off-by: Innei <[email protected]>

Author: Innei

src/components/modules/toc/TocAside.tsx

@@ -65,9 +65,13 @@ export const TocAside = forwardRef<
       if (!$article) {
         return []
       }
-      return [
-        ...$article.querySelectorAll('h1,h2,h3,h4,h5,h6'),
-      ] as HTMLHeadingElement[]
+      return [...$article.querySelectorAll('h1,h2,h3,h4,h5,h6')].filter(
+        ($heading) => {
+          if (($heading as HTMLElement).dataset['markdownHeading'] === 'true')
+            return true
+          return false
+        },
+      ) as HTMLHeadingElement[]
     }, [$article, updated])
 
     useEffect(() => {

src/components/modules/toc/TocFAB.tsx

@@ -22,7 +22,10 @@ export const TocFAB = () => {
       ...$mainMarkdownRender.querySelectorAll('h1,h2,h3,h4,h5,h6'),
     ] as HTMLHeadingElement[]
 
-    return $headings
+    return $headings.filter(($heading) => {
+      if ($heading.dataset['markdownHeading'] === 'true') return true
+      return false
+    })
   }, [])
   const presentToc = useCallback(() => {
     const dispose = present({

src/components/ui/markdown/renderers/heading.tsx

@@ -21,6 +21,8 @@ export const MHeader = (props: HeadingProps) => {
     {
       id: nextId,
       className: 'group flex items-center',
+
+      'data-markdown-heading': true,
     } as any,
     null,
     <>