72f9bd5ef5
* feat: generate code dynamically * chore: cleanup and transform path on component * feat: create config sheet * feat: code wrapper * fix: not acting immediately * chore: add key to vnode * chore: add vue-sonner to demos dependencies, add placeholder for codeConfigs * chore: fix wrong icons * chore: improve crawling logic --------- Co-authored-by: Sadegh Barati <sadeghbaratiwork@gmail.com>
21 lines
798 B
TypeScript
21 lines
798 B
TypeScript
import type { MarkdownRenderer } from 'vitepress'
|
|
|
|
export default function (md: MarkdownRenderer) {
|
|
const defaultFenceRenderer = md.renderer.rules.fence
|
|
if (!defaultFenceRenderer)
|
|
return
|
|
|
|
md.renderer.rules.fence = function (tokens, idx, options, env, self) {
|
|
// Check if this is a code block
|
|
const token = tokens[idx]
|
|
const isAllowedExtension = (token.info.includes('vue') || token.info.includes('astro') || token.info.includes('ts'))
|
|
if (token && token.tag === 'code' && isAllowedExtension) {
|
|
// Wrap the code block in CodeWrapper
|
|
return `<CodeWrapper>${defaultFenceRenderer(tokens, idx, options, env, self)}</CodeWrapper>`
|
|
}
|
|
|
|
// If not a code block, return the default rendering
|
|
return defaultFenceRenderer(tokens, idx, options, env, self)
|
|
}
|
|
}
|