fix(code-block): meta property

nuxt · May 16, 2023 · 97005cf · 97005cf
1 parent 7cd771c
commit 97005cf
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 4 deletions.
diff --git a/src/runtime/markdown-parser/handler/code.ts b/src/runtime/markdown-parser/handler/code.ts
@@ -12,7 +12,7 @@ type Node = MdastContent & {
 
 export default (h: H, node: Node) => {
   const lang = (node.lang || '') + ' ' + (node.meta || '')
-  const { language, highlights, filename } = parseThematicBlock(lang)
+  const { language, highlights, filename, meta } = parseThematicBlock(lang)
   const code = node.value ? detab(node.value + '\n') : ''
 
   return h(
@@ -22,7 +22,7 @@ export default (h: H, node: Node) => {
       language,
       filename,
       highlights,
-      meta: node.meta,
+      meta,
       code,
       className: [`language-${language}`]
     },

diff --git a/src/runtime/markdown-parser/handler/utils.ts b/src/runtime/markdown-parser/handler/utils.ts
@@ -20,11 +20,13 @@ export function parseThematicBlock (lang: string) {
   const language = lang.replace(/[{|[](.+)/, '').match(/^[^ \t]+(?=[ \t]|$)/)
   const highlightTokens = lang.match(/{([^}]+)}/)
   const filenameTokens = lang.match(/\[(.+)\]/)
+  const meta = lang.replace(/^\w+\s+(\[[^\]]+\])?\s*(\{[^}]+\})?\s*/g, '')
 
   return {
     language: language ? language[0] : undefined,
     highlights: parseHighlightedLines(highlightTokens && highlightTokens[1]),
-    filename: Array.isArray(filenameTokens) ? filenameTokens[1] : undefined
+    filename: Array.isArray(filenameTokens) ? filenameTokens[1] : undefined,
+    meta
   }
 }
 

diff --git a/test/features/parser-markdown.ts b/test/features/parser-markdown.ts
@@ -58,7 +58,7 @@ export const testMarkdownParser = () => {
       expect(parsed.body).toHaveProperty('children[0].props')
       const props = parsed.body.children[0].props
       expect(props).toHaveProperty('meta')
-      expect(props.meta).toBe('[file.ts]{4-6,7} other code block info')
+      expect(props.meta).toBe('other code block info')
       expect(props.language).toBe('ts')
       expect(props.filename).toBe('file.ts')
       expect(props.highlights).toEqual([4, 5, 6, 7])