[{"data":1,"prerenderedAt":1515},["ShallowReactive",2],{"navigation_examples":3,"navigation_docs":95,"-plugins-built-in-mermaid":290,"-plugins-built-in-mermaid-surround":1510},[4],{"title":5,"path":6,"stem":7,"children":8,"page":34},"Examples","\u002Fexamples","examples",[9,35,60],{"title":10,"path":11,"stem":12,"children":13,"page":34},"Frameworks","\u002Fexamples\u002Fframeworks","examples\u002F1.frameworks",[14,19,24,29],{"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},"VitePress","\u002Fexamples\u002Fframeworks\u002Fvitepress","examples\u002F1.frameworks\u002Fvitepress\u002FREADME","i-simple-icons-vitepress",false,{"title":36,"path":37,"stem":38,"children":39,"page":34},"Vite","\u002Fexamples\u002Fvite","examples\u002F2.vite",[40,45,50,55],{"title":41,"path":42,"stem":43,"icon":44},"HTML Preview","\u002Fexamples\u002Fvite\u002Fhtml","examples\u002F2.vite\u002Fhtml\u002FREADME","i-lucide-file-code",{"title":46,"path":47,"stem":48,"icon":49},"React","\u002Fexamples\u002Fvite\u002Freact","examples\u002F2.vite\u002Freact\u002FREADME","i-simple-icons-react",{"title":51,"path":52,"stem":53,"icon":54},"Svelte","\u002Fexamples\u002Fvite\u002Fsvelte","examples\u002F2.vite\u002Fsvelte\u002FREADME","i-simple-icons-svelte",{"title":56,"path":57,"stem":58,"icon":59},"Vue","\u002Fexamples\u002Fvite\u002Fvue","examples\u002F2.vite\u002Fvue\u002FREADME","i-simple-icons-vuedotjs",{"title":61,"path":62,"stem":63,"children":64,"page":34},"Plugins","\u002Fexamples\u002Fplugins","examples\u002F3.plugins",[65,70,75,80,85,90],{"title":66,"path":67,"stem":68,"icon":69},"Binding (frontmatter + data)","\u002Fexamples\u002Fplugins\u002Fvue-vite-binding","examples\u002F3.plugins\u002Fvue-vite-binding\u002FREADME","i-lucide-replace",{"title":71,"path":72,"stem":73,"icon":74},"Syntax Highlighting","\u002Fexamples\u002Fplugins\u002Fvue-vite-highlight","examples\u002F3.plugins\u002Fvue-vite-highlight\u002FREADME","i-lucide-code",{"title":76,"path":77,"stem":78,"icon":79},"JSON Render","\u002Fexamples\u002Fplugins\u002Fvue-vite-json-render","examples\u002F3.plugins\u002Fvue-vite-json-render\u002FREADME","i-lucide-braces",{"title":81,"path":82,"stem":83,"icon":84},"Math formulas","\u002Fexamples\u002Fplugins\u002Fvue-vite-math","examples\u002F3.plugins\u002Fvue-vite-math\u002FREADME","i-lucide-calculator",{"title":86,"path":87,"stem":88,"icon":89},"Mermaid diagrams","\u002Fexamples\u002Fplugins\u002Fvue-vite-mermaid","examples\u002F3.plugins\u002Fvue-vite-mermaid\u002FREADME","i-simple-icons-mermaid",{"title":91,"path":92,"stem":93,"icon":94},"Punctuation","\u002Fexamples\u002Fplugins\u002Fvue-vite-punctuation","examples\u002F3.plugins\u002Fvue-vite-punctuation\u002FREADME","i-lucide-quote",[96,110,132,159,246,268],{"title":97,"icon":98,"path":99,"stem":100,"children":101,"page":34},"Getting Started","i-lucide-rocket","\u002Fgetting-started","1.getting-started",[102,106],{"title":103,"path":104,"stem":105},"Introduction","\u002Fgetting-started\u002Fintroduction","1.getting-started\u002F0.introduction",{"title":107,"path":108,"stem":109},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F1.installation",{"title":111,"icon":112,"path":113,"stem":114,"children":115,"page":34},"Syntax","i-lucide-file-text","\u002Fsyntax","2.syntax",[116,120,124,128],{"title":117,"path":118,"stem":119},"Markdown","\u002Fsyntax\u002Fmarkdown","2.syntax\u002F1.markdown",{"title":121,"path":122,"stem":123},"Components","\u002Fsyntax\u002Fcomponents","2.syntax\u002F2.components",{"title":125,"path":126,"stem":127},"Attributes","\u002Fsyntax\u002Fattributes","2.syntax\u002F3.attributes",{"title":129,"path":130,"stem":131},"AST","\u002Fsyntax\u002Fcomark-ast","2.syntax\u002F4.comark-ast",{"title":133,"icon":134,"path":135,"stem":136,"children":137,"page":34},"Rendering","i-lucide-layout","\u002Frendering","3.rendering",[138,142,145,148,151,154],{"title":139,"path":140,"stem":141,"icon":44},"HTML","\u002Frendering\u002Fhtml","3.rendering\u002F2.html",{"title":56,"path":143,"stem":144,"icon":59},"\u002Frendering\u002Fvue","3.rendering\u002F3.vue",{"title":25,"path":146,"stem":147,"icon":28},"\u002Frendering\u002Fnuxt","3.rendering\u002F4.nuxt",{"title":46,"path":149,"stem":150,"icon":49},"\u002Frendering\u002Freact","3.rendering\u002F5.react",{"title":51,"path":152,"stem":153,"icon":54},"\u002Frendering\u002Fsvelte","3.rendering\u002F6.svelte",{"title":155,"path":156,"stem":157,"icon":158},"ANSI (Terminal)","\u002Frendering\u002Fansi","3.rendering\u002F7.ansi","i-lucide-terminal",{"title":61,"icon":160,"path":161,"stem":162,"children":163,"page":34},"i-lucide-plug","\u002Fplugins","4.plugins",[164,229],{"title":165,"path":166,"stem":167,"children":168,"page":34},"Built-in","\u002Fplugins\u002Fbuilt-in","4.plugins\u002F1.built-in",[169,174,179,182,186,191,196,200,204,209,214,217,220,225],{"title":170,"path":171,"stem":172,"icon":173},"Security","\u002Fplugins\u002Fbuilt-in\u002Fsecurity","4.plugins\u002F1.built-in\u002F01.security","i-lucide-shield-check",{"title":175,"path":176,"stem":177,"icon":178},"Emoji","\u002Fplugins\u002Fbuilt-in\u002Femoji","4.plugins\u002F1.built-in\u002F02.emoji","i-lucide-smile",{"title":71,"path":180,"stem":181,"icon":74},"\u002Fplugins\u002Fbuilt-in\u002Fhighlight","4.plugins\u002F1.built-in\u002F03.highlight",{"title":183,"path":184,"stem":185,"icon":112},"Summary Extraction","\u002Fplugins\u002Fbuilt-in\u002Fsummary","4.plugins\u002F1.built-in\u002F04.summary",{"title":187,"path":188,"stem":189,"icon":190},"Table of Contents","\u002Fplugins\u002Fbuilt-in\u002Ftoc","4.plugins\u002F1.built-in\u002F05.toc","i-lucide-list",{"title":192,"path":193,"stem":194,"icon":195},"Alerts","\u002Fplugins\u002Fbuilt-in\u002Falert","4.plugins\u002F1.built-in\u002F06.alert","i-lucide-bell",{"title":197,"path":198,"stem":199,"icon":89},"Mermaid Diagrams","\u002Fplugins\u002Fbuilt-in\u002Fmermaid","4.plugins\u002F1.built-in\u002F07.mermaid",{"title":201,"path":202,"stem":203,"icon":84},"Mathematics","\u002Fplugins\u002Fbuilt-in\u002Fmath","4.plugins\u002F1.built-in\u002F08.math",{"title":205,"path":206,"stem":207,"icon":208},"Task List","\u002Fplugins\u002Fbuilt-in\u002Ftask-list","4.plugins\u002F1.built-in\u002F09.task-list","i-lucide-check-square",{"title":210,"path":211,"stem":212,"icon":213},"Headings","\u002Fplugins\u002Fbuilt-in\u002Fheadings","4.plugins\u002F1.built-in\u002F10.headings","i-lucide-heading",{"title":76,"path":215,"stem":216,"icon":79},"\u002Fplugins\u002Fbuilt-in\u002Fjson-render","4.plugins\u002F1.built-in\u002F11.json-render",{"title":91,"path":218,"stem":219,"icon":94},"\u002Fplugins\u002Fbuilt-in\u002Fpunctuation","4.plugins\u002F1.built-in\u002F12.punctuation",{"title":221,"path":222,"stem":223,"icon":224},"Breaks","\u002Fplugins\u002Fbuilt-in\u002Fbreaks","4.plugins\u002F1.built-in\u002F13.breaks","i-lucide-corner-down-left",{"title":226,"path":227,"stem":228,"icon":69},"Binding","\u002Fplugins\u002Fbuilt-in\u002Fbinding","4.plugins\u002F1.built-in\u002F14.binding",{"title":230,"path":231,"stem":232,"children":233,"page":34},"Custom","\u002Fplugins\u002Fcustom","4.plugins\u002F2.custom",[234,238,242],{"title":235,"path":236,"stem":237},"Plugin API","\u002Fplugins\u002Fcustom\u002Fplugin-api","4.plugins\u002F2.custom\u002F1.plugin-api",{"title":239,"path":240,"stem":241},"AST API","\u002Fplugins\u002Fcustom\u002Fast-api","4.plugins\u002F2.custom\u002F2.ast-api",{"title":243,"path":244,"stem":245},"Markdown-it","\u002Fplugins\u002Fcustom\u002Fmarkdown-it","4.plugins\u002F2.custom\u002F3.markdown-it",{"title":247,"icon":248,"path":249,"stem":250,"children":251,"page":34},"API Reference","i-lucide-book-open","\u002Fapi","5.api",[252,256,260,264],{"title":253,"path":254,"stem":255},"Render API","\u002Fapi\u002Frender","5.api\u002F0.render",{"title":257,"path":258,"stem":259},"Parse API","\u002Fapi\u002Fparse","5.api\u002F1.parse",{"title":261,"path":262,"stem":263},"Streaming API","\u002Fapi\u002Fauto-close","5.api\u002F2.auto-close",{"title":265,"path":266,"stem":267},"Cheat Sheet","\u002Fapi\u002Freference","5.api\u002F3.reference",{"title":269,"icon":270,"path":271,"stem":272,"children":273,"page":34},"Knowledge Base","i-lucide-library","\u002Fkb","7.kb",[274,278,282,286],{"title":275,"path":276,"stem":277},"Why Comark?","\u002Fkb\u002Fwhy-comark","7.kb\u002F0.why-comark",{"title":279,"path":280,"stem":281},"Migration from MDC","\u002Fkb\u002Fmigration-from-mdc","7.kb\u002F2.migration-from-mdc",{"title":283,"path":284,"stem":285},"Migration from MDX","\u002Fkb\u002Fmigration-from-mdx","7.kb\u002F3.migration-from-mdx",{"title":287,"path":288,"stem":289},"Twoslash","\u002Fkb\u002Ftwoslash","7.kb\u002F4.twoslash",{"id":291,"title":197,"body":292,"description":1492,"extension":1493,"links":1494,"meta":1499,"navigation":1507,"path":198,"seo":1508,"stem":199,"__hash__":1509},"docs\u002F4.plugins\u002F1.built-in\u002F07.mermaid.md",{"type":293,"value":294,"toc":1477},"minimark",[295,318,331,336,449,455,863,866,870,875,878,884,927,932,961,966,1005,1010,1049,1054,1098,1103,1137,1142,1190,1195,1224,1232,1236,1239,1263,1265,1269,1275,1285,1293,1314,1316,1320,1326,1468,1470,1472],[296,297,298,299,303,304,309,310,313,314,317],"p",{},"The ",[300,301,302],"code",{},"comark\u002Fplugins\u002Fmermaid"," plugin renders ",[305,306,308],"a",{"href":307},"https:\u002F\u002Fmermaid.js.org\u002F","Mermaid"," diagrams from ",[300,311,312],{},"```mermaid"," code blocks. Diagrams are rendered client-side via the ",[300,315,316],{},"\u003CMermaid>"," component exported alongside the plugin.",[319,320,321,327,328],"note",{},[305,322,324],{"href":323},"https:\u002F\u002Fgithub.com\u002Flukilabs\u002Fbeautiful-mermaid",[300,325,326],{},"beautiful-mermaid"," is a peer dependency — install it alongside Comark: ",[300,329,330],{},"npm install beautiful-mermaid",[332,333,335],"h2",{"id":334},"usage","Usage",[337,338,342],"pre",{"language":339,"class":340,"tabindex":341},"typescript","shiki shiki-themes material-theme-lighter material-theme-palenight","0",[300,343,345,378,379,378,395,378,397,378,423,378,441],{"class":344},"language-typescript",[346,347,350,354,358,362,365,368,371,375],"span",{"class":348,"style":349},"line","display: inline",[346,351,353],{"style":352},"color:#39ADB5;--shiki-light-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic","import",[346,355,357],{"style":356},"color:#39ADB5;--shiki-dark:#89DDFF"," {",[346,359,361],{"style":360},"color:#90A4AE;--shiki-dark:#BABED8"," parse",[346,363,364],{"style":356}," }",[346,366,367],{"style":352}," from",[346,369,370],{"style":356}," '",[346,372,374],{"style":373},"color:#91B859;--shiki-dark:#C3E88D","comark",[346,376,377],{"style":356},"'","\n",[346,380,381,383,386,389,391,393],{"class":348,"style":349},[346,382,353],{"style":352},[346,384,385],{"style":360}," mermaid ",[346,387,388],{"style":352},"from",[346,390,370],{"style":356},[346,392,302],{"style":373},[346,394,377],{"style":356},[346,396],{"class":348,"style":349},[346,398,399,403,406,409,412,415,418,421],{"class":348,"style":349},[346,400,402],{"style":401},"color:#9C3EDA;--shiki-dark:#C792EA","const",[346,404,405],{"style":360}," result ",[346,407,408],{"style":356},"=",[346,410,411],{"style":352}," await",[346,413,361],{"style":414},"color:#6182B8;--shiki-dark:#82AAFF",[346,416,417],{"style":360},"(content",[346,419,420],{"style":356},",",[346,422,357],{"style":356},[346,424,425,429,432,435,438],{"class":348,"style":349},[346,426,428],{"style":427},"color:#E53935;--shiki-dark:#F07178","  plugins",[346,430,431],{"style":356},":",[346,433,434],{"style":360}," [",[346,436,437],{"style":414},"mermaid",[346,439,440],{"style":360},"()]",[346,442,443,446],{"class":348,"style":349},[346,444,445],{"style":356},"}",[346,447,448],{"style":360},")",[296,450,451,452,454],{},"With framework components — pass both the plugin and the ",[300,453,308],{}," renderer component:",[456,457,458,633,746],"code-group",{},[337,459,461],{"language":460,"filename":56,"class":340,"tabindex":341},"vue",[300,462,464,378,491,378,511,378,536,378,545,378,547,378,556,378,566,378,574,378,588,378,602,378,616,378,625],{"class":463},"language-vue",[346,465,466,469,472,475,478,480,483,486,488],{"class":348,"style":349},[346,467,468],{"style":356},"\u003C",[346,470,471],{"style":427},"script",[346,473,474],{"style":401}," setup",[346,476,477],{"style":401}," lang",[346,479,408],{"style":356},[346,481,482],{"style":356},"\"",[346,484,485],{"style":373},"ts",[346,487,482],{"style":356},[346,489,490],{"style":356},">",[346,492,493,495,497,500,502,504,506,509],{"class":348,"style":349},[346,494,353],{"style":352},[346,496,357],{"style":356},[346,498,499],{"style":360}," Comark",[346,501,364],{"style":356},[346,503,367],{"style":352},[346,505,370],{"style":356},[346,507,508],{"style":373},"@comark\u002Fvue",[346,510,377],{"style":356},[346,512,513,515,518,520,522,525,527,529,531,534],{"class":348,"style":349},[346,514,353],{"style":352},[346,516,517],{"style":360}," mermaid",[346,519,420],{"style":356},[346,521,357],{"style":356},[346,523,524],{"style":360}," Mermaid",[346,526,364],{"style":356},[346,528,367],{"style":352},[346,530,370],{"style":356},[346,532,533],{"style":373},"@comark\u002Fvue\u002Fplugins\u002Fmermaid",[346,535,377],{"style":356},[346,537,538,541,543],{"class":348,"style":349},[346,539,540],{"style":356},"\u003C\u002F",[346,542,471],{"style":427},[346,544,490],{"style":356},[346,546],{"class":348,"style":349},[346,548,549,551,554],{"class":348,"style":349},[346,550,468],{"style":356},[346,552,553],{"style":427},"template",[346,555,490],{"style":356},[346,557,558,561,564],{"class":348,"style":349},[346,559,560],{"style":356},"  \u003C",[346,562,563],{"style":427},"Suspense",[346,565,490],{"style":356},[346,567,568,571],{"class":348,"style":349},[346,569,570],{"style":356},"    \u003C",[346,572,573],{"style":427},"Comark",[346,575,576,579,581,583,586],{"class":348,"style":349},[346,577,578],{"style":401},"      :components",[346,580,408],{"style":356},[346,582,482],{"style":356},[346,584,585],{"style":373},"{ mermaid: Mermaid }",[346,587,482],{"style":356},[346,589,590,593,595,597,600],{"class":348,"style":349},[346,591,592],{"style":401},"      :plugins",[346,594,408],{"style":356},[346,596,482],{"style":356},[346,598,599],{"style":373},"[mermaid()]",[346,601,482],{"style":356},[346,603,604,607,610,612,614],{"class":348,"style":349},[346,605,606],{"style":356},"    >",[346,608,609],{"style":360},"{{ content }}",[346,611,540],{"style":356},[346,613,573],{"style":427},[346,615,490],{"style":356},[346,617,618,621,623],{"class":348,"style":349},[346,619,620],{"style":356},"  \u003C\u002F",[346,622,563],{"style":427},[346,624,490],{"style":356},[346,626,627,629,631],{"class":348,"style":349},[346,628,540],{"style":356},[346,630,553],{"style":427},[346,632,490],{"style":356},[337,634,636],{"language":635,"filename":46,"class":340,"tabindex":341},"tsx",[300,637,639,378,658,378,681,378,683,378,690,378,708,378,724,378,728,378,738],{"class":638},"language-tsx",[346,640,641,643,645,647,649,651,653,656],{"class":348,"style":349},[346,642,353],{"style":352},[346,644,357],{"style":356},[346,646,499],{"style":360},[346,648,364],{"style":356},[346,650,367],{"style":352},[346,652,370],{"style":356},[346,654,655],{"style":373},"@comark\u002Freact",[346,657,377],{"style":356},[346,659,660,662,664,666,668,670,672,674,676,679],{"class":348,"style":349},[346,661,353],{"style":352},[346,663,517],{"style":360},[346,665,420],{"style":356},[346,667,357],{"style":356},[346,669,524],{"style":360},[346,671,364],{"style":356},[346,673,367],{"style":352},[346,675,370],{"style":356},[346,677,678],{"style":373},"@comark\u002Freact\u002Fplugins\u002Fmermaid",[346,680,377],{"style":356},[346,682],{"class":348,"style":349},[346,684,685,687],{"class":348,"style":349},[346,686,468],{"style":356},[346,688,573],{"style":689},"color:#E2931D;--shiki-dark:#FFCB6B",[346,691,692,695,698,700,702,705],{"class":348,"style":349},[346,693,694],{"style":401},"  components",[346,696,697],{"style":356},"={{",[346,699,517],{"style":427},[346,701,431],{"style":356},[346,703,704],{"style":360}," Mermaid ",[346,706,707],{"style":356},"}}",[346,709,710,712,715,718,720,722],{"class":348,"style":349},[346,711,428],{"style":401},[346,713,714],{"style":356},"={",[346,716,717],{"style":360},"[",[346,719,437],{"style":414},[346,721,440],{"style":360},[346,723,445],{"style":356},[346,725,726],{"class":348,"style":349},[346,727,490],{"style":356},[346,729,730,733,736],{"class":348,"style":349},[346,731,732],{"style":356},"  {",[346,734,735],{"style":360},"content",[346,737,445],{"style":356},[346,739,740,742,744],{"class":348,"style":349},[346,741,540],{"style":356},[346,743,573],{"style":689},[346,745,490],{"style":356},[337,747,749],{"language":748,"filename":51,"class":340,"tabindex":341},"svelte",[300,750,752,378,770,378,790,378,813,378,821,378,823],{"class":751},"language-svelte",[346,753,754,756,758,760,762,764,766,768],{"class":348,"style":349},[346,755,468],{"style":356},[346,757,471],{"style":427},[346,759,477],{"style":401},[346,761,408],{"style":356},[346,763,482],{"style":356},[346,765,485],{"style":373},[346,767,482],{"style":356},[346,769,490],{"style":356},[346,771,772,775,777,779,781,783,785,788],{"class":348,"style":349},[346,773,774],{"style":352},"  import",[346,776,357],{"style":356},[346,778,499],{"style":360},[346,780,364],{"style":356},[346,782,367],{"style":352},[346,784,370],{"style":356},[346,786,787],{"style":373},"@comark\u002Fsvelte",[346,789,377],{"style":356},[346,791,792,794,796,798,800,802,804,806,808,811],{"class":348,"style":349},[346,793,774],{"style":352},[346,795,517],{"style":360},[346,797,420],{"style":356},[346,799,357],{"style":356},[346,801,524],{"style":360},[346,803,364],{"style":356},[346,805,367],{"style":352},[346,807,370],{"style":356},[346,809,810],{"style":373},"@comark\u002Fsvelte\u002Fplugins\u002Fmermaid",[346,812,377],{"style":356},[346,814,815,817,819],{"class":348,"style":349},[346,816,540],{"style":356},[346,818,471],{"style":427},[346,820,490],{"style":356},[346,822],{"class":348,"style":349},[346,824,825,827,829,831,833,835,838,840,842,844,846,849,852,854,856,858,860],{"class":348,"style":349},[346,826,468],{"style":356},[346,828,573],{"style":689},[346,830,357],{"style":401},[346,832,735],{"style":360},[346,834,445],{"style":401},[346,836,837],{"style":401}," components",[346,839,697],{"style":356},[346,841,517],{"style":427},[346,843,431],{"style":356},[346,845,704],{"style":360},[346,847,848],{"style":356},"}} ",[346,850,851],{"style":401},"plugins",[346,853,714],{"style":356},[346,855,717],{"style":360},[346,857,437],{"style":414},[346,859,440],{"style":360},[346,861,862],{"style":356},"} \u002F>",[864,865],"hr",{},[332,867,869],{"id":868},"features","Features",[871,872,874],"h3",{"id":873},"features-diagram-types","Diagram Types",[296,876,877],{},"Mermaid supports a wide range of diagram types:",[296,879,880],{},[881,882,883],"strong",{},"Flowchart",[337,885,887],{"language":886,"class":340,"tabindex":341},"markdown",[300,888,890,378,898,378,903,378,908,378,913,378,918,378,923],{"class":889},"language-markdown",[346,891,892,895],{"class":348,"style":349},[346,893,894],{"style":373},"```",[346,896,437],{"style":897},"color:#90A4AE90;--shiki-dark:#BABED890",[346,899,900],{"class":348,"style":349},[346,901,902],{"style":897},"graph TD",[346,904,905],{"class":348,"style":349},[346,906,907],{"style":897},"    A[Start] --> B{Is it working?}",[346,909,910],{"class":348,"style":349},[346,911,912],{"style":897},"    B -->|Yes| C[Great!]",[346,914,915],{"class":348,"style":349},[346,916,917],{"style":897},"    B -->|No| D[Debug]",[346,919,920],{"class":348,"style":349},[346,921,922],{"style":897},"    D --> A",[346,924,925],{"class":348,"style":349},[346,926,894],{"style":373},[296,928,929],{},[881,930,931],{},"Sequence Diagram",[337,933,934],{"language":886,"class":340,"tabindex":341},[300,935,936,378,942,378,947,378,952,378,957],{"class":889},[346,937,938,940],{"class":348,"style":349},[346,939,894],{"style":373},[346,941,437],{"style":897},[346,943,944],{"class":348,"style":349},[346,945,946],{"style":897},"sequenceDiagram",[346,948,949],{"class":348,"style":349},[346,950,951],{"style":897},"    Alice->>Bob: Hello Bob!",[346,953,954],{"class":348,"style":349},[346,955,956],{"style":897},"    Bob-->>Alice: Hello Alice!",[346,958,959],{"class":348,"style":349},[346,960,894],{"style":373},[296,962,963],{},[881,964,965],{},"Class Diagram",[337,967,968],{"language":886,"class":340,"tabindex":341},[300,969,970,378,976,378,981,378,986,378,991,378,996,378,1001],{"class":889},[346,971,972,974],{"class":348,"style":349},[346,973,894],{"style":373},[346,975,437],{"style":897},[346,977,978],{"class":348,"style":349},[346,979,980],{"style":897},"classDiagram",[346,982,983],{"class":348,"style":349},[346,984,985],{"style":897},"    Animal \u003C|-- Duck",[346,987,988],{"class":348,"style":349},[346,989,990],{"style":897},"    Animal \u003C|-- Fish",[346,992,993],{"class":348,"style":349},[346,994,995],{"style":897},"    Animal : +int age",[346,997,998],{"class":348,"style":349},[346,999,1000],{"style":897},"    Animal: +isMammal()",[346,1002,1003],{"class":348,"style":349},[346,1004,894],{"style":373},[296,1006,1007],{},[881,1008,1009],{},"State Diagram",[337,1011,1012],{"language":886,"class":340,"tabindex":341},[300,1013,1014,378,1020,378,1025,378,1030,378,1035,378,1040,378,1045],{"class":889},[346,1015,1016,1018],{"class":348,"style":349},[346,1017,894],{"style":373},[346,1019,437],{"style":897},[346,1021,1022],{"class":348,"style":349},[346,1023,1024],{"style":897},"stateDiagram-v2",[346,1026,1027],{"class":348,"style":349},[346,1028,1029],{"style":897},"    [*] --> Still",[346,1031,1032],{"class":348,"style":349},[346,1033,1034],{"style":897},"    Still --> Moving",[346,1036,1037],{"class":348,"style":349},[346,1038,1039],{"style":897},"    Moving --> Crash",[346,1041,1042],{"class":348,"style":349},[346,1043,1044],{"style":897},"    Crash --> [*]",[346,1046,1047],{"class":348,"style":349},[346,1048,894],{"style":373},[296,1050,1051],{},[881,1052,1053],{},"Gantt Chart",[337,1055,1056],{"language":886,"class":340,"tabindex":341},[300,1057,1058,378,1064,378,1069,378,1074,378,1079,378,1084,378,1089,378,1094],{"class":889},[346,1059,1060,1062],{"class":348,"style":349},[346,1061,894],{"style":373},[346,1063,437],{"style":897},[346,1065,1066],{"class":348,"style":349},[346,1067,1068],{"style":897},"gantt",[346,1070,1071],{"class":348,"style":349},[346,1072,1073],{"style":897},"    title Project Timeline",[346,1075,1076],{"class":348,"style":349},[346,1077,1078],{"style":897},"    dateFormat YYYY-MM-DD",[346,1080,1081],{"class":348,"style":349},[346,1082,1083],{"style":897},"    section Planning",[346,1085,1086],{"class":348,"style":349},[346,1087,1088],{"style":897},"    Task 1 :a1, 2024-01-01, 30d",[346,1090,1091],{"class":348,"style":349},[346,1092,1093],{"style":897},"    Task 2 :after a1, 20d",[346,1095,1096],{"class":348,"style":349},[346,1097,894],{"style":373},[296,1099,1100],{},[881,1101,1102],{},"Pie Chart",[337,1104,1105],{"language":886,"class":340,"tabindex":341},[300,1106,1107,378,1113,378,1118,378,1123,378,1128,378,1133],{"class":889},[346,1108,1109,1111],{"class":348,"style":349},[346,1110,894],{"style":373},[346,1112,437],{"style":897},[346,1114,1115],{"class":348,"style":349},[346,1116,1117],{"style":897},"pie title Pets",[346,1119,1120],{"class":348,"style":349},[346,1121,1122],{"style":897},"    \"Dogs\" : 386",[346,1124,1125],{"class":348,"style":349},[346,1126,1127],{"style":897},"    \"Cats\" : 85",[346,1129,1130],{"class":348,"style":349},[346,1131,1132],{"style":897},"    \"Rats\" : 15",[346,1134,1135],{"class":348,"style":349},[346,1136,894],{"style":373},[296,1138,1139],{},[881,1140,1141],{},"Git Graph",[337,1143,1144],{"language":886,"class":340,"tabindex":341},[300,1145,1146,378,1152,378,1157,378,1162,378,1167,378,1172,378,1176,378,1181,378,1186],{"class":889},[346,1147,1148,1150],{"class":348,"style":349},[346,1149,894],{"style":373},[346,1151,437],{"style":897},[346,1153,1154],{"class":348,"style":349},[346,1155,1156],{"style":897},"gitGraph",[346,1158,1159],{"class":348,"style":349},[346,1160,1161],{"style":897},"    commit",[346,1163,1164],{"class":348,"style":349},[346,1165,1166],{"style":897},"    branch develop",[346,1168,1169],{"class":348,"style":349},[346,1170,1171],{"style":897},"    checkout develop",[346,1173,1174],{"class":348,"style":349},[346,1175,1161],{"style":897},[346,1177,1178],{"class":348,"style":349},[346,1179,1180],{"style":897},"    checkout main",[346,1182,1183],{"class":348,"style":349},[346,1184,1185],{"style":897},"    merge develop",[346,1187,1188],{"class":348,"style":349},[346,1189,894],{"style":373},[296,1191,1192],{},[881,1193,1194],{},"ER Diagram",[337,1196,1197],{"language":886,"class":340,"tabindex":341},[300,1198,1199,378,1205,378,1210,378,1215,378,1220],{"class":889},[346,1200,1201,1203],{"class":348,"style":349},[346,1202,894],{"style":373},[346,1204,437],{"style":897},[346,1206,1207],{"class":348,"style":349},[346,1208,1209],{"style":897},"erDiagram",[346,1211,1212],{"class":348,"style":349},[346,1213,1214],{"style":897},"    CUSTOMER ||--o{ ORDER : places",[346,1216,1217],{"class":348,"style":349},[346,1218,1219],{"style":897},"    ORDER ||--|{ LINE-ITEM : contains",[346,1221,1222],{"class":348,"style":349},[346,1223,894],{"style":373},[296,1225,1226,1227,1231],{},"See the ",[305,1228,1230],{"href":1229},"https:\u002F\u002Fmermaid.js.org\u002Fintro\u002F","Mermaid documentation →"," for full syntax reference on each diagram type.",[871,1233,1235],{"id":1234},"features-code-block-attributes","Code Block Attributes",[296,1237,1238],{},"Pass component props directly on the opening fence:",[337,1240,1241],{"language":886,"class":340,"tabindex":341},[300,1242,1243,378,1250,378,1254,378,1259],{"class":889},[346,1244,1245,1247],{"class":348,"style":349},[346,1246,894],{"style":373},[346,1248,1249],{"style":897},"mermaid {theme=\"dark\" width=\"800px\" height=\"600px\"}",[346,1251,1252],{"class":348,"style":349},[346,1253,902],{"style":897},[346,1255,1256],{"class":348,"style":349},[346,1257,1258],{"style":897},"    A --> B",[346,1260,1261],{"class":348,"style":349},[346,1262,894],{"style":373},[864,1264],{},[332,1266,1268],{"id":1267},"api","API",[871,1270,1272],{"id":1271},"api-code-mermaid",[300,1273,1274],{},"mermaid()",[296,1276,1277,1278,1281,1282,1284],{},"Returns a ",[300,1279,1280],{},"ComarkPlugin"," that marks ",[300,1283,312],{}," code blocks for custom rendering. Takes no options.",[296,1286,1287,1290,1291],{},[881,1288,1289],{},"Returns:"," ",[300,1292,1280],{},[296,1294,1295,1296,1298,1299,1301,1302,1305,1306,1309,1310,1313],{},"The plugin converts mermaid code blocks into AST nodes that the ",[300,1297,316],{}," component renders. Rendering requires passing ",[300,1300,308],{}," to the ",[300,1303,1304],{},"components"," prop of ",[300,1307,1308],{},"\u003CComark>"," — see ",[305,1311,335],{"href":1312},"#usage",".",[864,1315],{},[332,1317,1319],{"id":1318},"component-props","Component Props",[296,1321,1322,1323,1325],{},"Props accepted by the ",[300,1324,316],{}," component:",[1327,1328,1329,1348],"table",{},[1330,1331,1332],"thead",{},[1333,1334,1335,1339,1342,1345],"tr",{},[1336,1337,1338],"th",{},"Prop",[1336,1340,1341],{},"Type",[1336,1343,1344],{},"Default",[1336,1346,1347],{},"Description",[1349,1350,1351,1369,1392,1411,1430,1449],"tbody",{},[1333,1352,1353,1358,1363,1366],{},[1354,1355,1356],"td",{},[300,1357,735],{},[1354,1359,1360],{},[300,1361,1362],{},"string",[1354,1364,1365],{},"required",[1354,1367,1368],{},"The Mermaid diagram source",[1333,1370,1371,1376,1380,1385],{},[1354,1372,1373],{},[300,1374,1375],{},"theme",[1354,1377,1378],{},[300,1379,1362],{},[1354,1381,1382],{},[300,1383,1384],{},"'default'",[1354,1386,1387,1388],{},"Mermaid theme — see ",[305,1389,1391],{"href":1390},"https:\u002F\u002Fgithub.com\u002Flukilabs\u002Fbeautiful-mermaid#built-in-themes","available themes",[1333,1393,1394,1399,1403,1408],{},[1354,1395,1396],{},[300,1397,1398],{},"themeDark",[1354,1400,1401],{},[300,1402,1362],{},[1354,1404,1405],{},[300,1406,1407],{},"undefined",[1354,1409,1410],{},"Theme to use in dark mode",[1333,1412,1413,1418,1422,1427],{},[1354,1414,1415],{},[300,1416,1417],{},"width",[1354,1419,1420],{},[300,1421,1362],{},[1354,1423,1424],{},[300,1425,1426],{},"'100%'",[1354,1428,1429],{},"Container width",[1333,1431,1432,1437,1441,1446],{},[1354,1433,1434],{},[300,1435,1436],{},"height",[1354,1438,1439],{},[300,1440,1362],{},[1354,1442,1443],{},[300,1444,1445],{},"'auto'",[1354,1447,1448],{},"Container height",[1333,1450,1451,1456,1460,1465],{},[1354,1452,1453],{},[300,1454,1455],{},"class",[1354,1457,1458],{},[300,1459,1362],{},[1354,1461,1462],{},[300,1463,1464],{},"''",[1354,1466,1467],{},"CSS classes for the container",[864,1469],{},[332,1471,5],{"id":7},[1473,1474,1476],"card",{"icon":89,"title":1475,"to":87},"Vue + Vite Mermaid","Complete working implementation with multiple diagram types.",{"title":1478,"searchDepth":1479,"depth":1479,"links":1480},"",2,[1481,1482,1487,1490,1491],{"id":334,"depth":1479,"text":335},{"id":868,"depth":1479,"text":869,"children":1483},[1484,1486],{"id":873,"depth":1485,"text":874},3,{"id":1234,"depth":1485,"text":1235},{"id":1267,"depth":1479,"text":1268,"children":1488},[1489],{"id":1271,"depth":1485,"text":1274},{"id":1318,"depth":1479,"text":1319},{"id":7,"depth":1479,"text":5},"Plugin for rendering Mermaid diagrams in Comark using code blocks.","md",[1495,1498],{"label":257,"icon":44,"to":258,"color":1496,"variant":1497},"neutral","soft",{"label":61,"icon":160,"to":161,"color":1496,"variant":1497},{"data":1500},{"title":197,"description":1492,"seo":1501,"navigation":1503,"links":1504},{"title":1502,"description":1492},"Mermaid Diagrams Plugin",{"icon":89},[1505,1506],{"label":257,"icon":44,"to":258,"color":1496,"variant":1497},{"label":61,"icon":160,"to":161,"color":1496,"variant":1497},{"icon":89},{"title":1502,"description":1492},"tVifVh6z9ZR5DY7LnD0rQayLnGsZFR_-7OIECKHSuXQ",[1511,1513],{"title":192,"path":193,"stem":194,"description":1512,"icon":195,"children":-1},"Built-in plugin that transforms GitHub-style blockquote alerts into styled callout blocks with icons and colors.",{"title":201,"path":202,"stem":203,"description":1514,"icon":84,"children":-1},"Plugin for rendering LaTeX math formulas in Comark using KaTeX.",1776872699459]