Fix the SyntaxError with document.querySelector() when id start with …

…a digit See http://calixe.fr/global_id.html for a demo: * html works well with such id * querySelector() thow a SyntaxError
nuxt · Mar 10, 2023 · f9f507a · f9f507a
1 parent bc32933
commit f9f507a
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/src/runtime/markdown-parser/compiler.ts b/src/runtime/markdown-parser/compiler.ts
@@ -22,11 +22,13 @@ export default function (this: any, _options: MarkdownOptions) {
     }
 
     // Remove double dashes and trailing dash from heading ids
+    // Insert underscore if id start with a digit
     if (node.tagName?.startsWith('h') && node.properties.id) {
       node.properties.id = node.properties.id
         .replace(/-+/g, '-')
         .replace(/-$/, '')
         .replace(/^-/, '')
+        .replace(/^(\d)/, '_$1')
     }
 
     /**