fix: scrollspy issue (#335)

nuxt-themes · Jun 1, 2021 · c3d9a25 · c3d9a25 · vercel · Jun 1, 2021
1 parent 135c548
commit c3d9a25
Showing 1 changed file with 7 additions and 5 deletions.
diff --git a/src/defaultTheme/components/organisms/PageToc.vue b/src/defaultTheme/components/organisms/PageToc.vue
@@ -125,11 +125,13 @@ export default defineComponent({
     const { activeHeadings, visibleHeadings, updateHeadings } = useScrollspy()
 
     onMounted(() =>
-      updateHeadings([
-        ...document.querySelectorAll('.docus-content h1'),
-        ...document.querySelectorAll('.docus-content h2'),
-        ...document.querySelectorAll('.docus-content h3')
-      ])
+      setTimeout(() => {
+        updateHeadings([
+          ...document.querySelectorAll('.docus-content h1'),
+          ...document.querySelectorAll('.docus-content h2'),
+          ...document.querySelectorAll('.docus-content h3')
+        ])
+      }, 200)
     )
 
     const isActiveParent = link => {