From 1da56e1ab3a1439c011bf580b829f92f2c8199ca Mon Sep 17 00:00:00 2001
From: "Mr.Hope" <mister-hope@outlook.com>
Date: Thu, 29 Dec 2022 14:05:08 +0800
Subject: [PATCH] fix(markdown): render token attrs in code block

---
 packages/markdown/src/plugins/codePlugin/codePlugin.ts | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/markdown/src/plugins/codePlugin/codePlugin.ts b/packages/markdown/src/plugins/codePlugin/codePlugin.ts
index 9d19ad1cac..c4f8795dfb 100644
--- a/packages/markdown/src/plugins/codePlugin/codePlugin.ts
+++ b/packages/markdown/src/plugins/codePlugin/codePlugin.ts
@@ -75,10 +75,12 @@ export const codePlugin: PluginWithOptions<CodePluginOptions> = (
       options.highlight?.(token.content, language.name, '') ||
       md.utils.escapeHtml(token.content)
 
+    token.attrJoin('class', languageClass)
+
     // wrap highlighted code with `<pre>` and `<code>`
     let result = code.startsWith('<pre')
       ? code
-      : `<pre class="${languageClass}"><code>${code}</code></pre>`
+      : `<pre${slf.renderAttrs(token)}><code>${code}</code></pre>`
 
     // resolve v-pre mark from token info
     const useVPre = resolveVPre(info) ?? vPreBlock