[{"data":1,"prerenderedAt":743},["ShallowReactive",2],{"navigation_examples":3,"navigation_docs":120,"-kb-renamed-components":344,"-kb-renamed-components-surround":740},[4],{"title":5,"path":6,"stem":7,"children":8,"page":39},"Examples","\u002Fexamples","examples",[9,40,69,110],{"title":10,"path":11,"stem":12,"children":13,"page":39},"Frameworks","\u002Fexamples\u002Fframeworks","examples\u002F1.frameworks",[14,19,24,29,34],{"title":15,"path":16,"stem":17,"icon":18},"Astro","\u002Fexamples\u002Fframeworks\u002Fastro","examples\u002F1.frameworks\u002Fastro\u002FREADME","i-simple-icons:astro",{"title":20,"path":21,"stem":22,"icon":23},"Next.js","\u002Fexamples\u002Fframeworks\u002Fnextjs","examples\u002F1.frameworks\u002Fnextjs\u002FREADME","i-simple-icons:nextdotjs",{"title":25,"path":26,"stem":27,"icon":28},"Nuxt","\u002Fexamples\u002Fframeworks\u002Fnuxt-ui","examples\u002F1.frameworks\u002Fnuxt\u002FREADME","i-simple-icons-nuxt",{"title":30,"path":31,"stem":32,"icon":33},"SvelteKit","\u002Fexamples\u002Fframeworks\u002Fsveltekit","examples\u002F1.frameworks\u002Fsveltekit\u002FREADME","i-simple-icons-svelte",{"title":35,"path":36,"stem":37,"icon":38},"VitePress","\u002Fexamples\u002Fframeworks\u002Fvitepress","examples\u002F1.frameworks\u002Fvitepress\u002FREADME","i-simple-icons-vitepress",false,{"title":41,"path":42,"stem":43,"children":44,"page":39},"Vite","\u002Fexamples\u002Fvite","examples\u002F2.vite",[45,50,55,60,64],{"title":46,"path":47,"stem":48,"icon":49},"Angular","\u002Fexamples\u002Fvite\u002Fangular","examples\u002F2.vite\u002Fangular\u002FREADME","i-simple-icons-angular",{"title":51,"path":52,"stem":53,"icon":54},"HTML Preview","\u002Fexamples\u002Fvite\u002Fhtml","examples\u002F2.vite\u002Fhtml\u002FREADME","i-lucide-file-code",{"title":56,"path":57,"stem":58,"icon":59},"React","\u002Fexamples\u002Fvite\u002Freact","examples\u002F2.vite\u002Freact\u002FREADME","i-simple-icons-react",{"title":61,"path":62,"stem":63,"icon":33},"Svelte","\u002Fexamples\u002Fvite\u002Fsvelte","examples\u002F2.vite\u002Fsvelte\u002FREADME",{"title":65,"path":66,"stem":67,"icon":68},"Vue","\u002Fexamples\u002Fvite\u002Fvue","examples\u002F2.vite\u002Fvue\u002FREADME","i-simple-icons-vuedotjs",{"title":70,"path":71,"stem":72,"children":73,"page":39},"Plugins","\u002Fexamples\u002Fplugins","examples\u002F3.plugins",[74,79,84,89,94,99,102,105],{"title":75,"path":76,"stem":77,"icon":78},"Math formulas","\u002Fexamples\u002Fplugins\u002Freact-vite-math","examples\u002F3.plugins\u002Freact-vite-math\u002FREADME","i-lucide-calculator",{"title":80,"path":81,"stem":82,"icon":83},"Mermaid diagrams","\u002Fexamples\u002Fplugins\u002Freact-vite-mermaid","examples\u002F3.plugins\u002Freact-vite-mermaid\u002FREADME","i-simple-icons-mermaid",{"title":85,"path":86,"stem":87,"icon":88},"Binding (frontmatter + data)","\u002Fexamples\u002Fplugins\u002Fvue-vite-binding","examples\u002F3.plugins\u002Fvue-vite-binding\u002FREADME","i-lucide-replace",{"title":90,"path":91,"stem":92,"icon":93},"Syntax Highlighting","\u002Fexamples\u002Fplugins\u002Fvue-vite-highlight","examples\u002F3.plugins\u002Fvue-vite-highlight\u002FREADME","i-lucide-code",{"title":95,"path":96,"stem":97,"icon":98},"JSON Render","\u002Fexamples\u002Fplugins\u002Fvue-vite-json-render","examples\u002F3.plugins\u002Fvue-vite-json-render\u002FREADME","i-lucide-braces",{"title":75,"path":100,"stem":101,"icon":78},"\u002Fexamples\u002Fplugins\u002Fvue-vite-math","examples\u002F3.plugins\u002Fvue-vite-math\u002FREADME",{"title":80,"path":103,"stem":104,"icon":83},"\u002Fexamples\u002Fplugins\u002Fvue-vite-mermaid","examples\u002F3.plugins\u002Fvue-vite-mermaid\u002FREADME",{"title":106,"path":107,"stem":108,"icon":109},"Punctuation","\u002Fexamples\u002Fplugins\u002Fvue-vite-punctuation","examples\u002F3.plugins\u002Fvue-vite-punctuation\u002FREADME","i-lucide-quote",{"title":111,"path":112,"stem":113,"children":114,"page":39},"Ai","\u002Fexamples\u002Fai","examples\u002F4.ai",[115],{"title":116,"path":117,"stem":118,"icon":119},"AI SDK","\u002Fexamples\u002Fai\u002Fnuxt-ai-sdk","examples\u002F4.ai\u002Fnuxt-ai-sdk\u002FREADME","i-simple-icons-vercel",[121,134,155,184,277,298,319],{"title":122,"path":123,"stem":124,"children":125,"page":39},"Getting Started","\u002Fgetting-started","1.getting-started",[126,130],{"title":127,"path":128,"stem":129},"Introduction","\u002Fgetting-started\u002Fintroduction","1.getting-started\u002F0.introduction",{"title":131,"path":132,"stem":133},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F1.installation",{"title":135,"path":136,"stem":137,"children":138,"page":39},"Syntax","\u002Fsyntax","2.syntax",[139,143,147,151],{"title":140,"path":141,"stem":142},"Markdown","\u002Fsyntax\u002Fmarkdown","2.syntax\u002F1.markdown",{"title":144,"path":145,"stem":146},"Components","\u002Fsyntax\u002Fcomponents","2.syntax\u002F2.components",{"title":148,"path":149,"stem":150},"Attributes","\u002Fsyntax\u002Fattributes","2.syntax\u002F3.attributes",{"title":152,"path":153,"stem":154},"AST","\u002Fsyntax\u002Fcomark-ast","2.syntax\u002F4.comark-ast",{"title":156,"path":157,"stem":158,"children":159,"page":39},"Rendering","\u002Frendering","3.rendering",[160,164,167,170,173,176,179],{"title":161,"path":162,"stem":163,"icon":54},"HTML","\u002Frendering\u002Fhtml","3.rendering\u002F2.html",{"title":65,"path":165,"stem":166,"icon":68},"\u002Frendering\u002Fvue","3.rendering\u002F3.vue",{"title":25,"path":168,"stem":169,"icon":28},"\u002Frendering\u002Fnuxt","3.rendering\u002F4.nuxt",{"title":56,"path":171,"stem":172,"icon":59},"\u002Frendering\u002Freact","3.rendering\u002F5.react",{"title":61,"path":174,"stem":175,"icon":33},"\u002Frendering\u002Fsvelte","3.rendering\u002F6.svelte",{"title":46,"path":177,"stem":178,"icon":49},"\u002Frendering\u002Fangular","3.rendering\u002F7.angular",{"title":180,"path":181,"stem":182,"icon":183},"ANSI (Terminal)","\u002Frendering\u002Fansi","3.rendering\u002F8.ansi","i-lucide-terminal",{"title":70,"icon":185,"path":186,"stem":187,"children":188,"page":39},"i-lucide-plug","\u002Fplugins","4.plugins",[189,260],{"title":190,"path":191,"stem":192,"children":193,"page":39},"Built-in","\u002Fplugins\u002Fbuilt-in","4.plugins\u002F1.built-in",[194,199,203,208,213,218,223,226,230,234,237,242,247,250,255],{"title":195,"path":196,"stem":197,"icon":198},"Alerts","\u002Fplugins\u002Fbuilt-in\u002Falert","4.plugins\u002F1.built-in\u002Falert","i-lucide-bell",{"title":200,"path":201,"stem":202,"icon":88},"Binding","\u002Fplugins\u002Fbuilt-in\u002Fbinding","4.plugins\u002F1.built-in\u002Fbinding",{"title":204,"path":205,"stem":206,"icon":207},"Breaks","\u002Fplugins\u002Fbuilt-in\u002Fbreaks","4.plugins\u002F1.built-in\u002Fbreaks","i-lucide-corner-down-left",{"title":209,"path":210,"stem":211,"icon":212},"Emoji","\u002Fplugins\u002Fbuilt-in\u002Femoji","4.plugins\u002F1.built-in\u002Femoji","i-lucide-smile",{"title":214,"path":215,"stem":216,"icon":217},"Footnotes","\u002Fplugins\u002Fbuilt-in\u002Ffootnotes","4.plugins\u002F1.built-in\u002Ffootnotes","i-lucide-footprints",{"title":219,"path":220,"stem":221,"icon":222},"Headings","\u002Fplugins\u002Fbuilt-in\u002Fheadings","4.plugins\u002F1.built-in\u002Fheadings","i-lucide-heading",{"title":95,"path":224,"stem":225,"icon":98},"\u002Fplugins\u002Fbuilt-in\u002Fjson-render","4.plugins\u002F1.built-in\u002Fjson-render",{"title":227,"path":228,"stem":229,"icon":78},"Mathematics","\u002Fplugins\u002Fbuilt-in\u002Fmath","4.plugins\u002F1.built-in\u002Fmath",{"title":231,"path":232,"stem":233,"icon":83},"Mermaid Diagrams","\u002Fplugins\u002Fbuilt-in\u002Fmermaid","4.plugins\u002F1.built-in\u002Fmermaid",{"title":106,"path":235,"stem":236,"icon":109},"\u002Fplugins\u002Fbuilt-in\u002Fpunctuation","4.plugins\u002F1.built-in\u002Fpunctuation",{"title":238,"path":239,"stem":240,"icon":241},"Security","\u002Fplugins\u002Fbuilt-in\u002Fsecurity","4.plugins\u002F1.built-in\u002Fsecurity","i-lucide-shield-check",{"title":243,"path":244,"stem":245,"icon":246},"Summary Extraction","\u002Fplugins\u002Fbuilt-in\u002Fsummary","4.plugins\u002F1.built-in\u002Fsummary","i-lucide-file-text",{"title":90,"path":248,"stem":249,"icon":93},"\u002Fplugins\u002Fbuilt-in\u002Fsyntax-highlight","4.plugins\u002F1.built-in\u002Fsyntax-highlight",{"title":251,"path":252,"stem":253,"icon":254},"Task List","\u002Fplugins\u002Fbuilt-in\u002Ftask-list","4.plugins\u002F1.built-in\u002Ftask-list","i-lucide-check-square",{"title":256,"path":257,"stem":258,"icon":259},"Table of Contents","\u002Fplugins\u002Fbuilt-in\u002Ftoc","4.plugins\u002F1.built-in\u002Ftoc","i-lucide-list",{"title":261,"path":262,"stem":263,"children":264,"page":39},"Custom","\u002Fplugins\u002Fcustom","4.plugins\u002F2.custom",[265,269,273],{"title":266,"path":267,"stem":268},"Plugin API","\u002Fplugins\u002Fcustom\u002Fplugin-api","4.plugins\u002F2.custom\u002F1.plugin-api",{"title":270,"path":271,"stem":272},"AST API","\u002Fplugins\u002Fcustom\u002Fast-api","4.plugins\u002F2.custom\u002F2.ast-api",{"title":274,"path":275,"stem":276},"Markdown-it","\u002Fplugins\u002Fcustom\u002Fmarkdown-it","4.plugins\u002F2.custom\u002F3.markdown-it",{"title":278,"path":279,"stem":280,"children":281,"page":39},"API Reference","\u002Fapi","5.api",[282,286,290,294],{"title":283,"path":284,"stem":285},"Render API","\u002Fapi\u002Frender","5.api\u002F0.render",{"title":287,"path":288,"stem":289},"Parse API","\u002Fapi\u002Fparse","5.api\u002F1.parse",{"title":291,"path":292,"stem":293},"Streaming API","\u002Fapi\u002Fauto-close","5.api\u002F2.auto-close",{"title":295,"path":296,"stem":297},"Cheat Sheet","\u002Fapi\u002Freference","5.api\u002F3.reference",{"title":299,"path":300,"stem":301,"children":302,"page":39},"Comparisons","\u002Fcompare","6.compare",[303,307,311,315],{"title":304,"path":305,"stem":306},"Comark vs MDX","\u002Fcompare\u002Fcomark-vs-mdx","6.compare\u002F1.comark-vs-mdx",{"title":308,"path":309,"stem":310},"Comark vs react-markdown","\u002Fcompare\u002Fcomark-vs-react-markdown","6.compare\u002F2.comark-vs-react-markdown",{"title":312,"path":313,"stem":314},"Comark vs Streamdown","\u002Fcompare\u002Fcomark-vs-streamdown","6.compare\u002F3.comark-vs-streamdown",{"title":316,"path":317,"stem":318},"Comark vs Markdoc","\u002Fcompare\u002Fcomark-vs-markdoc","6.compare\u002F4.comark-vs-markdoc",{"title":320,"path":321,"stem":322,"children":323,"page":39},"Knowledge Base","\u002Fkb","7.kb",[324,328,332,336,340],{"title":325,"path":326,"stem":327},"Why Comark?","\u002Fkb\u002Fwhy-comark","7.kb\u002F0.why-comark",{"title":329,"path":330,"stem":331},"Migration from MDC","\u002Fkb\u002Fmigration-from-mdc","7.kb\u002F2.migration-from-mdc",{"title":333,"path":334,"stem":335},"Migration from MDX","\u002Fkb\u002Fmigration-from-mdx","7.kb\u002F3.migration-from-mdx",{"title":337,"path":338,"stem":339},"Twoslash","\u002Fkb\u002Ftwoslash","7.kb\u002F4.twoslash",{"title":341,"path":342,"stem":343},"Renamed components","\u002Fkb\u002Frenamed-components","7.kb\u002F5.renamed-components",{"id":345,"title":341,"body":346,"description":732,"extension":733,"links":734,"meta":735,"navigation":737,"path":342,"seo":738,"stem":343,"__hash__":739},"docs\u002F7.kb\u002F5.renamed-components.md",{"type":347,"value":348,"toc":725},"minimark",[349,392,397,609,633,637,686,714,718],[350,351,352,353,357,358,361,362,365,366,370,371,374,375,370,378,370,381,384,385,370,388,391],"p",{},"Comark's framework components were renamed so that names describe ",[354,355,356],"strong",{},"what they render"," rather than the library they come from: you render ",[359,360,140],"em",{},", with Comark. The ",[354,363,364],{},"Comark brand"," is unchanged everywhere else — package names (",[367,368,369],"code",{},"comark",", ",[367,372,373],{},"@comark\u002Fvue",", ...), parser APIs (",[367,376,377],{},"parse",[367,379,380],{},"renderMarkdown",[367,382,383],{},"autoCloseMarkdown",", ...), and AST types (",[367,386,387],{},"ComarkTree",[367,389,390],{},"ComarkNode",", ...) all keep their names.",[393,394,396],"h2",{"id":395},"component-names","Component names",[398,399,400,416],"table",{},[401,402,403],"thead",{},[404,405,406,410,413],"tr",{},[407,408,409],"th",{},"Old name",[407,411,412],{},"New name",[407,414,415],{},"Package",[417,418,419,445,467,483,499,516,535,550,565,587],"tbody",{},[404,420,421,427,431],{},[422,423,424],"td",{},[367,425,426],{},"Comark",[422,428,429],{},[367,430,140],{},[422,432,433,370,435,370,438,370,441,444],{},[367,434,373],{},[367,436,437],{},"@comark\u002Freact",[367,439,440],{},"@comark\u002Fsvelte",[367,442,443],{},"@comark\u002Fnuxt"," (auto-import)",[404,446,447,452,457],{},[422,448,449],{},[367,450,451],{},"ComarkRenderer",[422,453,454],{},[367,455,456],{},"MarkdownParsed",[422,458,459,370,461,370,463,370,465,444],{},[367,460,373],{},[367,462,437],{},[367,464,440],{},[367,466,443],{},[404,468,469,474,479],{},[422,470,471],{},[367,472,473],{},"ComarkClient",[422,475,476],{},[367,477,478],{},"MarkdownClient",[422,480,481],{},[367,482,437],{},[404,484,485,490,495],{},[422,486,487],{},[367,488,489],{},"ComarkLive",[422,491,492],{},[367,493,494],{},"MarkdownLive",[422,496,497],{},[367,498,437],{},[404,500,501,506,511],{},[422,502,503],{},[367,504,505],{},"ComarkAsync",[422,507,508],{},[367,509,510],{},"MarkdownAsync",[422,512,513],{},[367,514,515],{},"@comark\u002Fsvelte\u002Fasync",[404,517,518,523,528],{},[422,519,520,522],{},[367,521,390],{}," (component)",[422,524,525],{},[367,526,527],{},"MarkdownNode",[422,529,530,370,532],{},[367,531,440],{},[367,533,534],{},"@comark\u002Fangular",[404,536,537,542,546],{},[422,538,539],{},[367,540,541],{},"ComarkComponent",[422,543,544],{},[367,545,140],{},[422,547,548],{},[367,549,534],{},[404,551,552,557,561],{},[422,553,554],{},[367,555,556],{},"ComarkRendererComponent",[422,558,559],{},[367,560,456],{},[422,562,563],{},[367,564,534],{},[404,566,567,572,577],{},[422,568,569],{},[367,570,571],{},"defineComarkComponent",[422,573,574],{},[367,575,576],{},"defineMarkdownComponent",[422,578,579,370,581,370,583,370,585],{},[367,580,373],{},[367,582,437],{},[367,584,534],{},[367,586,443],{},[404,588,589,594,599],{},[422,590,591],{},[367,592,593],{},"defineComarkRendererComponent",[422,595,596],{},[367,597,598],{},"defineMarkdownParsedComponent",[422,600,601,370,603,370,605,370,607],{},[367,602,373],{},[367,604,437],{},[367,606,534],{},[367,608,443],{},[350,610,611,612,615,616,370,619,615,622,625,626,615,629,632],{},"The Angular selectors changed accordingly: ",[367,613,614],{},"\u003Ccomark>"," → ",[367,617,618],{},"\u003Ccomark-markdown>",[367,620,621],{},"\u003Ccomark-renderer>",[367,623,624],{},"\u003Ccomark-markdown-parsed>",", and ",[367,627,628],{},"\u003Ccomark-node>",[367,630,631],{},"\u003Ccomark-markdown-node>",".",[393,634,636],{"id":635},"prop-names","Prop names",[398,638,639,652],{},[401,640,641],{},[404,642,643,646,649],{},[407,644,645],{},"Old prop",[407,647,648],{},"New prop",[407,650,651],{},"Component",[417,653,654,671],{},[404,655,656,661,666],{},[422,657,658],{},[367,659,660],{},"markdown",[422,662,663],{},[367,664,665],{},"value",[422,667,668,670],{},[367,669,140],{}," (and variants)",[404,672,673,678,682],{},[422,674,675],{},[367,676,677],{},"tree",[422,679,680],{},[367,681,665],{},[422,683,684],{},[367,685,456],{},[350,687,688,689,370,692,370,695,370,698,370,701,370,704,370,707,370,710,713],{},"All other props are unchanged (",[367,690,691],{},"components",[367,693,694],{},"plugins",[367,696,697],{},"options",[367,699,700],{},"streaming",[367,702,703],{},"caret",[367,705,706],{},"unwrap",[367,708,709],{},"data",[367,711,712],{},"comarkKey",", ...).",[393,715,717],{"id":716},"backward-compatibility","Backward compatibility",[350,719,720,721,724],{},"The old component names and props ",[354,722,723],{},"still work"," as deprecated aliases. Using one logs a one-time warning in the browser console during development to help you migrate. The aliases will be removed in a future major version, so update your imports and templates when convenient.",{"title":726,"searchDepth":727,"depth":727,"links":728},"",2,[729,730,731],{"id":395,"depth":727,"text":396},{"id":635,"depth":727,"text":636},{"id":716,"depth":727,"text":717},"Comark's framework components were renamed to describe what they render. Old names and props still work as deprecated aliases.","md",null,{"data":736},{"title":341,"description":732},true,{"title":341,"description":732},"C1tbW7D8tOyCRuBm8Qy3JKCQrziGdKHcr9Fs6nKyOTc",[741,734],{"title":337,"path":338,"stem":339,"description":742,"children":-1},"How to add interactive TypeScript type tooltips and error annotations to code blocks using @shikijs\u002Ftwoslash with Comark.",1785429774694]