fix: disable markdown-it-attrs for fenced code blocks

BREAKING CHANGE: `markdown-it-attrs` is disabled for fenced code blocks. For most users no change is required. If you want to add classes to code blocks, do it using shiki transformers instead.

Author: brc-dd

patches/markdown-it-attrs@4.3.1.patch

@@ -0,0 +1,14 @@
+diff --git a/patterns.js b/patterns.js
+index e56a3b785df29e726194f2b30e86bb19a78ef902..e1f6211b92cbb2bbbe2a3c317dd9e5f1f41ab8d1 100644
+--- a/patterns.js
++++ b/patterns.js
+@@ -28,7 +28,8 @@ module.exports = options => {
+         {
+           shift: 0,
+           block: true,
+-          info: utils.hasDelimiters('end', options)
++          info: utils.hasDelimiters('end', options),
++          markup: (str) => !/^[`~]{3,}$/.test(str)
+         }
+       ],
+       transform: (tokens, i) => {

pnpm-lock.yaml

@@ -17,5 +17,6 @@ patchedDependencies:
   '@types/markdown-it-attrs': patches/@types__markdown-it-attrs.patch
   '@types/mdurl@2.0.0': patches/@types__mdurl@2.0.0.patch
   markdown-it-anchor@9.2.0: patches/markdown-it-anchor@9.2.0.patch
+  markdown-it-attrs@4.3.1: patches/markdown-it-attrs@4.3.1.patch
 
 shellEmulator: true

pnpm-workspace.yaml

@@ -30,7 +30,6 @@ import type { Awaitable } from '../shared'
 import { containerPlugin, type ContainerOptions } from './plugins/containers'
 import { gitHubAlertsPlugin } from './plugins/githubAlerts'
 import { highlight as createHighlighter } from './plugins/highlight'
-import { highlightLinePlugin } from './plugins/highlightLines'
 import { imagePlugin, type Options as ImageOptions } from './plugins/image'
 import { lineNumberPlugin } from './plugins/lineNumbers'
 import { linkPlugin } from './plugins/link'
@@ -271,7 +270,6 @@ export async function createMarkdownRenderer(
 
   // custom plugins
   componentPlugin(md, options.component)
-  highlightLinePlugin(md)
   preWrapperPlugin(md, {
     codeCopyButtonTitle,
     languageLabel: options.languageLabel

src/node/markdown/markdown.ts

@@ -100,8 +100,16 @@ export async function highlight(
   const vueRE = /-vue$/
 
   return [
-    async (str: string, lang: string, attrs: string) => {
-      lang = langRE.exec(lang)?.[0].toLowerCase() || defaultLang
+    async (str, lang, attrs) => {
+      const match = langRE.exec(lang)
+      if (match) {
+        const orig = lang
+        lang = match[0].toLowerCase()
+        attrs = orig.slice(lang.length).replace(/(?<!=)\{/g, ' {') + ' ' + attrs
+        attrs = attrs.trim().replace(/\s+/g, ' ')
+      }
+
+      lang ||= defaultLang
 
       const vPre = !vueRE.test(lang)
       if (!vPre) lang = lang.slice(0, -4)