[{"data":1,"prerenderedAt":518},["ShallowReactive",2],{"navigation_examples":3,"nav-examples":85,"navigation_docs":106,"-examples-plugins-vue-vite-json-render":283,"-examples-plugins-vue-vite-json-render-surround":513},[4],{"title":5,"path":6,"stem":7,"children":8,"page":34},"Examples","/examples","examples",[9,35,60],{"title":10,"path":11,"stem":12,"children":13,"page":34},"Frameworks","/examples/frameworks","examples/1.frameworks",[14,19,24,29],{"title":15,"path":16,"stem":17,"icon":18},"Astro","/examples/frameworks/astro","examples/1.frameworks/astro/README","i-simple-icons:astro",{"title":20,"path":21,"stem":22,"icon":23},"Next.js","/examples/frameworks/nextjs","examples/1.frameworks/nextjs/README","i-simple-icons:nextdotjs",{"title":25,"path":26,"stem":27,"icon":28},"Nuxt UI","/examples/frameworks/nuxt-ui","examples/1.frameworks/nuxt/README","i-simple-icons-nuxt",{"title":30,"path":31,"stem":32,"icon":33},"VitePress","/examples/frameworks/vitepress","examples/1.frameworks/vitepress/README","i-simple-icons-vitepress",false,{"title":36,"path":37,"stem":38,"children":39,"page":34},"Vite","/examples/vite","examples/2.vite",[40,45,50,55],{"title":41,"path":42,"stem":43,"icon":44},"HTML Preview","/examples/vite/html","examples/2.vite/html/README","i-lucide-file-code",{"title":46,"path":47,"stem":48,"icon":49},"React","/examples/vite/react","examples/2.vite/react/README","i-simple-icons-react",{"title":51,"path":52,"stem":53,"icon":54},"Svelte","/examples/vite/svelte","examples/2.vite/svelte/README","i-simple-icons-svelte",{"title":56,"path":57,"stem":58,"icon":59},"Vue","/examples/vite/vue","examples/2.vite/vue/README","i-simple-icons-vuedotjs",{"title":61,"path":62,"stem":63,"children":64,"page":34},"Plugins","/examples/plugins","examples/3.plugins",[65,70,75,80],{"title":66,"path":67,"stem":68,"icon":69},"Syntax Highlighting","/examples/plugins/vue-vite-highlight","examples/3.plugins/vue-vite-highlight/README","i-lucide-code",{"title":71,"path":72,"stem":73,"icon":74},"JSON Render","/examples/plugins/vue-vite-json-render","examples/3.plugins/vue-vite-json-render/README","i-lucide-braces",{"title":76,"path":77,"stem":78,"icon":79},"Math formulas","/examples/plugins/vue-vite-math","examples/3.plugins/vue-vite-math/README","i-lucide-calculator",{"title":81,"path":82,"stem":83,"icon":84},"Mermaid diagrams","/examples/plugins/vue-vite-mermaid","examples/3.plugins/vue-vite-mermaid/README","i-simple-icons-mermaid",[86],{"title":5,"path":6,"stem":7,"children":87,"page":34},[88,94,100],{"title":10,"path":11,"stem":12,"children":89,"page":34},[90,91,92,93],{"title":15,"path":16,"stem":17,"icon":18},{"title":20,"path":21,"stem":22,"icon":23},{"title":25,"path":26,"stem":27,"icon":28},{"title":30,"path":31,"stem":32,"icon":33},{"title":36,"path":37,"stem":38,"children":95,"page":34},[96,97,98,99],{"title":41,"path":42,"stem":43,"icon":44},{"title":46,"path":47,"stem":48,"icon":49},{"title":51,"path":52,"stem":53,"icon":54},{"title":56,"path":57,"stem":58,"icon":59},{"title":61,"path":62,"stem":63,"children":101,"page":34},[102,103,104,105],{"title":66,"path":67,"stem":68,"icon":69},{"title":71,"path":72,"stem":73,"icon":74},{"title":76,"path":77,"stem":78,"icon":79},{"title":81,"path":82,"stem":83,"icon":84},[107,121,143,176,238,259,269],{"title":108,"icon":109,"path":110,"stem":111,"children":112,"page":34},"Getting Started","i-lucide-rocket","/getting-started","1.getting-started",[113,117],{"title":114,"path":115,"stem":116},"Introduction","/getting-started/introduction","1.getting-started/0.introduction",{"title":118,"path":119,"stem":120},"Installation","/getting-started/installation","1.getting-started/1.installation",{"title":122,"icon":123,"path":124,"stem":125,"children":126,"page":34},"Syntax","i-lucide-file-text","/syntax","2.syntax",[127,131,135,139],{"title":128,"path":129,"stem":130},"Markdown","/syntax/markdown","2.syntax/1.markdown",{"title":132,"path":133,"stem":134},"Components","/syntax/components","2.syntax/2.components",{"title":136,"path":137,"stem":138},"Attributes","/syntax/attributes","2.syntax/3.attributes",{"title":140,"path":141,"stem":142},"Comark AST","/syntax/comark-ast","2.syntax/4.comark-ast",{"title":144,"icon":145,"path":146,"stem":147,"children":148,"page":34},"Rendering","i-lucide-layout","/rendering","3.rendering",[149,153,157,160,163,166,171],{"title":128,"path":150,"stem":151,"icon":152},"/rendering/markdown","3.rendering/1.markdown","i-simple-icons-markdown",{"title":154,"path":155,"stem":156,"icon":44},"HTML","/rendering/html","3.rendering/2.html",{"title":56,"path":158,"stem":159,"icon":59},"/rendering/vue","3.rendering/3.vue",{"title":46,"path":161,"stem":162,"icon":49},"/rendering/react","3.rendering/4.react",{"title":51,"path":164,"stem":165,"icon":54},"/rendering/svelte","3.rendering/5.svelte",{"title":167,"path":168,"stem":169,"icon":170},"ANSI (Terminal)","/rendering/ansi","3.rendering/6.ansi","i-lucide-terminal",{"title":172,"path":173,"stem":174,"icon":175},"Streaming","/rendering/streaming","3.rendering/7.streaming","i-lucide-radio",{"title":61,"icon":177,"path":178,"stem":179,"children":180,"page":34},"i-lucide-plug","/plugins","4.plugins",[181,185],{"title":182,"path":183,"stem":184},"Creating Plugins","/plugins/creating-plugins","4.plugins/1.creating-plugins",{"title":186,"path":187,"stem":188,"children":189,"page":34},"Core Plugins","/plugins/core","4.plugins/10.core",[190,195,200,203,207,212,217,221,225,230,235],{"title":191,"path":192,"stem":193,"icon":194},"Security","/plugins/core/security","4.plugins/10.core/01.security","i-lucide-shield-check",{"title":196,"path":197,"stem":198,"icon":199},"Emoji","/plugins/core/emoji","4.plugins/10.core/02.emoji","i-lucide-smile",{"title":66,"path":201,"stem":202,"icon":69},"/plugins/core/highlight","4.plugins/10.core/02.highlight",{"title":204,"path":205,"stem":206,"icon":123},"Summary Extraction","/plugins/core/summary","4.plugins/10.core/03.summary",{"title":208,"path":209,"stem":210,"icon":211},"Table of Contents","/plugins/core/toc","4.plugins/10.core/04.toc","i-lucide-list",{"title":213,"path":214,"stem":215,"icon":216},"Alerts","/plugins/core/alert","4.plugins/10.core/05.alert","i-lucide-bell",{"title":218,"path":219,"stem":220,"icon":84},"Mermaid Diagrams","/plugins/core/mermaid","4.plugins/10.core/06.mermaid",{"title":222,"path":223,"stem":224,"icon":79},"Mathematics","/plugins/core/math","4.plugins/10.core/07.math",{"title":226,"path":227,"stem":228,"icon":229},"Task List","/plugins/core/task-list","4.plugins/10.core/08.task-list","i-lucide-check-square",{"title":231,"path":232,"stem":233,"icon":234},"Headings","/plugins/core/headings","4.plugins/10.core/09.headings","i-lucide-heading",{"title":71,"path":236,"stem":237,"icon":74},"/plugins/core/json-render","4.plugins/10.core/10.json-render",{"title":239,"icon":240,"path":241,"stem":242,"children":243,"page":34},"API Reference","i-lucide-book-open","/api","5.api",[244,248,252,255],{"title":245,"path":246,"stem":247},"Parse API","/api/parse","5.api/1.parse",{"title":249,"path":250,"stem":251},"Auto-Close API","/api/auto-close","5.api/2.auto-close",{"title":239,"path":253,"stem":254},"/api/reference","5.api/3.reference",{"title":256,"path":257,"stem":258},"Render from Tree","/api/render-from-tree","5.api/4.render-from-tree",{"title":260,"icon":261,"path":262,"stem":263,"children":264,"page":34},"Integrations","i-lucide-layers","/integrations","6.integrations",[265],{"title":266,"path":267,"stem":268,"icon":28},"Nuxt","/integrations/nuxt","6.integrations/1.nuxt",{"title":270,"icon":271,"path":272,"stem":273,"children":274,"page":34},"Knowledge Base","i-lucide-library","/kb","7.kb",[275,279],{"title":276,"path":277,"stem":278},"Migration from MDC","/kb/migration-from-mdc","7.kb/2.migration-from-mdc",{"title":280,"path":281,"stem":282},"Twoslash Integration","/kb/twoslash","7.kb/3.twoslash",{"id":284,"title":71,"body":285,"category":61,"demo":504,"description":505,"extension":506,"icon":504,"meta":507,"navigation":510,"path":72,"seo":511,"stem":73,"__hash__":512},"examples/examples/3.plugins/vue-vite-json-render/README.md",{"type":286,"value":287,"toc":497},"minimark",[288,295,300,304,346,350,480,484],[289,290],"code-explorer",{"org":291,"repo":292,"path":293,"defaultValue":294},"comarkdown","comark","examples/3.plugins/vue-vite-json-render","src/App.vue",[296,297,299],"h2",{"id":298},"features","Features",[301,302,303],"p",{},"This example demonstrates how to use Comark with JSON Render in Vue:",[305,306,307,323,329,335,341],"ul",{},[308,309,310,314,315,319,320,322],"li",{},[311,312,313],"strong",{},"JSON Render Plugin",": Import and configure the ",[316,317,318],"code",{},"json-render"," plugin to parse ",[316,321,318],{}," code blocks",[308,324,325,328],{},[311,326,327],{},"Full Spec Format",": Define a tree of named elements with a root entry point",[308,330,331,334],{},[311,332,333],{},"Single Element Shorthand",": Use a simplified format for single elements",[308,336,337,340],{},[311,338,339],{},"Nested Layout",": Compose deep component trees by referencing children by key",[308,342,343,345],{},[311,344,25],{},": Styled with Nuxt UI for a polished look with dark mode support",[296,347,349],{"id":348},"usage","Usage",[351,352,353,392,438],"ol",{},[308,354,355,356],{},"Import the json-render plugin:",[357,358,362],"pre",{"language":359,"class":360,"tabindex":361},"ts","shiki shiki-themes material-theme-lighter material-theme-palenight","0",[316,363,365],{"class":364},"language-ts",[366,367,370,374,378,381,385,389],"span",{"class":368,"style":369},"line","display: inline",[366,371,373],{"style":372},"color:#39ADB5;--shiki-light-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic","import",[366,375,377],{"style":376},"color:#90A4AE;--shiki-dark:#BABED8"," jsonRender ",[366,379,380],{"style":372},"from",[366,382,384],{"style":383},"color:#39ADB5;--shiki-dark:#89DDFF"," '",[366,386,388],{"style":387},"color:#91B859;--shiki-dark:#C3E88D","@comark/vue/plugins/json-render",[366,390,391],{"style":383},"'",[308,393,394,395],{},"Pass the plugin to Comark:",[357,396,398],{"language":397,"class":360,"tabindex":361},"vue",[316,399,401],{"class":400},"language-vue",[366,402,403,406,410,413,417,420,423,426,430,433,435],{"class":368,"style":369},[366,404,405],{"style":383},"\u003C",[366,407,409],{"style":408},"color:#E53935;--shiki-dark:#F07178","Comark",[366,411,412],{"style":383}," :",[366,414,416],{"style":415},"color:#9C3EDA;--shiki-dark:#C792EA","plugins",[366,418,419],{"style":383},"=",[366,421,422],{"style":383},"\"",[366,424,425],{"style":376},"[",[366,427,429],{"style":428},"color:#6182B8;--shiki-dark:#82AAFF","jsonRender",[366,431,432],{"style":376},"()]",[366,434,422],{"style":383},[366,436,437],{"style":383}," />",[308,439,440,441],{},"Use json-render code blocks in your markdown:",[357,442,444],{"language":443,"class":360,"tabindex":361},"markdown",[316,445,447,455,456,455,461,455,466,455,471,455,476],{"class":446},"language-markdown",[366,448,449,452],{"class":368,"style":369},[366,450,451],{"style":387},"```",[366,453,318],{"style":454},"color:#90A4AE90;--shiki-dark:#BABED890","\n",[366,457,458],{"class":368,"style":369},[366,459,460],{"style":454},"{",[366,462,463],{"class":368,"style":369},[366,464,465],{"style":454},"  \"type\": \"Text\",",[366,467,468],{"class":368,"style":369},[366,469,470],{"style":454},"  \"props\": { \"content\": \"Hello\" }",[366,472,473],{"class":368,"style":369},[366,474,475],{"style":454},"}",[366,477,478],{"class":368,"style":369},[366,479,451],{"style":387},[296,481,483],{"id":482},"learn-more","Learn More",[305,485,486,492],{},[308,487,488],{},[489,490,491],"a",{"href":236},"JSON Render Plugin Documentation",[308,493,494],{},[489,495,71],{"href":496},"https://json-render.dev/",{"title":498,"searchDepth":499,"depth":499,"links":500},"",2,[501,502,503],{"id":298,"depth":499,"text":299},{"id":348,"depth":499,"text":349},{"id":482,"depth":499,"text":483},null,"Example showing how to use Comark with JSON Render in Vue and Vite.","md",{"data":508},{"title":71,"description":505,"navigation":509,"category":61,"path":72},{"icon":74},{"icon":74},{"title":71,"description":505},"tiLiaUee_0rD08FS_Iszcxbu0_QAM3saDMYLmIXacAE",[514,516],{"title":66,"path":67,"stem":68,"description":515,"icon":69,"children":-1},"Example showing how to use Comark with syntax highlighting using Shiki in Vue and Vite.",{"title":76,"path":77,"stem":78,"description":517,"icon":79,"children":-1},"Example showing how to use Comark with LaTeX math formulas in Vue and Vite.",1775651180754]