fix(theme): allow using h1 headings in outline

closes #1529
vuejs · Aug 4, 2023 · e3f8fc7 · e3f8fc7
1 parent ce85726
commit e3f8fc7
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/__tests__/e2e/frontmatter/multiple-levels-outline.md b/__tests__/e2e/frontmatter/multiple-levels-outline.md
@@ -1,7 +1,7 @@
 ---
 title: Multiple Levels Outline
 editLink: true
-outline: 'deep'
+outline: deep
 ---
 
 # h1 - 1

diff --git a/src/client/theme-default/composables/outline.ts b/src/client/theme-default/composables/outline.ts
@@ -22,7 +22,9 @@ export function resolveTitle(theme: DefaultTheme.Config) {
 }
 
 export function getHeaders(range: DefaultTheme.Config['outline']) {
-  const headers = [...document.querySelectorAll('.VPDoc h2,h3,h4,h5,h6')]
+  const headers = [
+    ...document.querySelectorAll('.VPDoc :where(h1,h2,h3,h4,h5,h6)')
+  ]
     .filter((el) => el.id && el.hasChildNodes())
     .map((el) => {
       const level = Number(el.tagName[1])