[{"data":1,"prerenderedAt":574},["ShallowReactive",2],{"navigation_docs":3,"-getting-started-usage":78,"-getting-started-usage-surround":569},[4,26,57],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":25},"Getting started","i-lucide-rocket","\u002Fgetting-started","1.getting-started",[10,15,20],{"title":11,"path":12,"stem":13,"icon":14},"Introduction","\u002Fgetting-started\u002Fintroduction","1.getting-started\u002F1.introduction","i-lucide-house",{"title":16,"path":17,"stem":18,"icon":19},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",{"title":21,"path":22,"stem":23,"icon":24},"Usage","\u002Fgetting-started\u002Fusage","1.getting-started\u002F3.usage","i-lucide-play",false,{"title":27,"icon":28,"path":29,"stem":30,"children":31,"page":25},"Guide","i-lucide-book-marked","\u002Fguide","2.guide",[32,37,42,47,52],{"title":33,"path":34,"stem":35,"icon":36},"Entry points","\u002Fguide\u002Fentry-points","2.guide\u002F1.entry-points","i-lucide-signpost",{"title":38,"path":39,"stem":40,"icon":41},"Inline SVG directives","\u002Fguide\u002Finline-svg","2.guide\u002F2.inline-svg","i-lucide-image",{"title":43,"path":44,"stem":45,"icon":46},"Output modes","\u002Fguide\u002Foutput-modes","2.guide\u002F3.output-modes","i-lucide-file-output",{"title":48,"path":49,"stem":50,"icon":51},"Frontmatter","\u002Fguide\u002Ffrontmatter","2.guide\u002F4.frontmatter","i-lucide-file-json",{"title":53,"path":54,"stem":55,"icon":56},"Bindings","\u002Fguide\u002Fbindings","2.guide\u002F5.bindings","i-lucide-braces",{"title":58,"icon":59,"path":60,"stem":61,"children":62,"page":25},"Reference","i-lucide-book-open","\u002Freference","3.reference",[63,68,73],{"title":64,"path":65,"stem":66,"icon":67},"Mark shortcuts","\u002Freference\u002Fmark-shortcuts","3.reference\u002F1.mark-shortcuts","i-lucide-bar-chart-3",{"title":69,"path":70,"stem":71,"icon":72},"Component props","\u002Freference\u002Fcomponent-props","3.reference\u002F2.component-props","i-lucide-list",{"title":74,"path":75,"stem":76,"icon":77},"Error handling","\u002Freference\u002Ferror-handling","3.reference\u002F3.error-handling","i-lucide-shield-alert",{"id":79,"title":21,"body":80,"description":563,"extension":450,"links":564,"meta":565,"navigation":566,"path":22,"seo":567,"stem":23,"__hash__":568},"docs\u002F1.getting-started\u002F3.usage.md",{"type":81,"value":82,"toc":558},"minimark",[83,88,215,235,239,439,446,472,481,485,502,548,554],[84,85,87],"h2",{"id":86},"plugin-only-parse-time-svg-static-docs","Plugin only (parse-time SVG \u002F static docs)",[89,90,95],"pre",{"className":91,"code":92,"language":93,"meta":94,"style":94},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { parseMarkdown } from 'comark'\nimport vega from 'comark-vega'\n\nconst tree = await parseMarkdown(content, {\n  plugins: [vega()],\n})\n","ts","",[96,97,98,131,149,156,184,206],"code",{"__ignoreMap":94},[99,100,103,107,111,115,118,121,124,128],"span",{"class":101,"line":102},"line",1,[99,104,106],{"class":105},"s7zQu","import",[99,108,110],{"class":109},"sMK4o"," {",[99,112,114],{"class":113},"sTEyZ"," parseMarkdown",[99,116,117],{"class":109}," }",[99,119,120],{"class":105}," from",[99,122,123],{"class":109}," '",[99,125,127],{"class":126},"sfazB","comark",[99,129,130],{"class":109},"'\n",[99,132,134,136,139,142,144,147],{"class":101,"line":133},2,[99,135,106],{"class":105},[99,137,138],{"class":113}," vega ",[99,140,141],{"class":105},"from",[99,143,123],{"class":109},[99,145,146],{"class":126},"comark-vega",[99,148,130],{"class":109},[99,150,152],{"class":101,"line":151},3,[99,153,155],{"emptyLinePlaceholder":154},true,"\n",[99,157,159,163,166,169,172,175,178,181],{"class":101,"line":158},4,[99,160,162],{"class":161},"spNyl","const",[99,164,165],{"class":113}," tree ",[99,167,168],{"class":109},"=",[99,170,171],{"class":105}," await",[99,173,114],{"class":174},"s2Zo4",[99,176,177],{"class":113},"(content",[99,179,180],{"class":109},",",[99,182,183],{"class":109}," {\n",[99,185,187,191,194,197,200,203],{"class":101,"line":186},5,[99,188,190],{"class":189},"swJcz","  plugins",[99,192,193],{"class":109},":",[99,195,196],{"class":113}," [",[99,198,199],{"class":174},"vega",[99,201,202],{"class":113},"()]",[99,204,205],{"class":109},",\n",[99,207,209,212],{"class":101,"line":208},6,[99,210,211],{"class":109},"}",[99,213,214],{"class":113},")\n",[216,217,218,219,222,223,222,226,229,230,234],"p",{},"Use ",[96,220,221],{},"::vl",", ",[96,224,225],{},"::vg",[96,227,228],{},"::chart",", or ",[231,232,233],"a",{"href":65},"mark shortcuts"," when you want inline SVG at parse time.",[84,236,238],{"id":237},"plugin-vue-renderer-recommended-for-apps","Plugin + Vue renderer (recommended for apps)",[89,240,244],{"className":241,"code":242,"language":243,"meta":94,"style":94},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { Markdown } from '@comark\u002Fvue'\nimport vega, { Vega } from 'comark-vega\u002Fvue'\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CSuspense>\n    \u003CMarkdown\n      :plugins=\"[vega()]\"\n      :components=\"{ Vega }\"\n    >{{ content }}\u003C\u002FMarkdown>\n  \u003C\u002FSuspense>\n\u003C\u002Ftemplate>\n","vue",[96,245,246,272,292,317,326,330,339,350,359,382,404,420,430],{"__ignoreMap":94},[99,247,248,251,254,257,260,262,265,267,269],{"class":101,"line":102},[99,249,250],{"class":109},"\u003C",[99,252,253],{"class":189},"script",[99,255,256],{"class":161}," setup",[99,258,259],{"class":161}," lang",[99,261,168],{"class":109},[99,263,264],{"class":109},"\"",[99,266,93],{"class":126},[99,268,264],{"class":109},[99,270,271],{"class":109},">\n",[99,273,274,276,278,281,283,285,287,290],{"class":101,"line":133},[99,275,106],{"class":105},[99,277,110],{"class":109},[99,279,280],{"class":113}," Markdown",[99,282,117],{"class":109},[99,284,120],{"class":105},[99,286,123],{"class":109},[99,288,289],{"class":126},"@comark\u002Fvue",[99,291,130],{"class":109},[99,293,294,296,299,301,303,306,308,310,312,315],{"class":101,"line":151},[99,295,106],{"class":105},[99,297,298],{"class":113}," vega",[99,300,180],{"class":109},[99,302,110],{"class":109},[99,304,305],{"class":113}," Vega",[99,307,117],{"class":109},[99,309,120],{"class":105},[99,311,123],{"class":109},[99,313,314],{"class":126},"comark-vega\u002Fvue",[99,316,130],{"class":109},[99,318,319,322,324],{"class":101,"line":158},[99,320,321],{"class":109},"\u003C\u002F",[99,323,253],{"class":189},[99,325,271],{"class":109},[99,327,328],{"class":101,"line":186},[99,329,155],{"emptyLinePlaceholder":154},[99,331,332,334,337],{"class":101,"line":208},[99,333,250],{"class":109},[99,335,336],{"class":189},"template",[99,338,271],{"class":109},[99,340,342,345,348],{"class":101,"line":341},7,[99,343,344],{"class":109},"  \u003C",[99,346,347],{"class":189},"Suspense",[99,349,271],{"class":109},[99,351,353,356],{"class":101,"line":352},8,[99,354,355],{"class":109},"    \u003C",[99,357,358],{"class":189},"Markdown\n",[99,360,362,365,368,370,372,375,377,379],{"class":101,"line":361},9,[99,363,364],{"class":109},"      :",[99,366,367],{"class":161},"plugins",[99,369,168],{"class":109},[99,371,264],{"class":109},[99,373,374],{"class":109},"[",[99,376,199],{"class":174},[99,378,202],{"class":109},[99,380,381],{"class":109},"\"\n",[99,383,385,387,390,392,394,397,400,402],{"class":101,"line":384},10,[99,386,364],{"class":109},[99,388,389],{"class":161},"components",[99,391,168],{"class":109},[99,393,264],{"class":109},[99,395,396],{"class":109},"{ ",[99,398,399],{"class":113},"Vega",[99,401,117],{"class":109},[99,403,381],{"class":109},[99,405,407,410,413,415,418],{"class":101,"line":406},11,[99,408,409],{"class":109},"    >",[99,411,412],{"class":113},"{{ content }}",[99,414,321],{"class":109},[99,416,417],{"class":189},"Markdown",[99,419,271],{"class":109},[99,421,423,426,428],{"class":101,"line":422},12,[99,424,425],{"class":109},"  \u003C\u002F",[99,427,347],{"class":189},[99,429,271],{"class":109},[99,431,433,435,437],{"class":101,"line":432},13,[99,434,321],{"class":109},[99,436,336],{"class":189},[99,438,271],{"class":109},[216,440,441,442,445],{},"Then use fenced blocks or ",[96,443,444],{},"::vega"," in Markdown:",[89,447,451],{"className":448,"code":449,"language":450,"meta":94,"style":94},"language-md shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","```vega-lite\n{ \"mark\": \"bar\", \"data\": { \"values\": […] }, \"encoding\": { … } }\n```\n","md",[96,452,453,462,467],{"__ignoreMap":94},[99,454,455,458],{"class":101,"line":102},[99,456,457],{"class":126},"```",[99,459,461],{"class":460},"sJsPd","vega-lite\n",[99,463,464],{"class":101,"line":133},[99,465,466],{"class":460},"{ \"mark\": \"bar\", \"data\": { \"values\": […] }, \"encoding\": { … } }\n",[99,468,469],{"class":101,"line":151},[99,470,471],{"class":126},"```\n",[89,473,475],{"className":448,"code":474,"language":450,"meta":94,"style":94},"::vega{:spec=\"report.chart\" engine=\"vega-lite\"}\n",[96,476,477],{"__ignoreMap":94},[99,478,479],{"class":101,"line":102},[99,480,474],{"class":113},[84,482,484],{"id":483},"custom-renderers","Custom renderers",[216,486,487,488,491,492,495,496,498,499,501],{},"React \u002F Svelte renderers can follow the same export shape later (",[96,489,490],{},"comark-vega\u002Freact",", …). Until then, use ",[96,493,494],{},"mountVegaView"," from ",[96,497,146],{}," (or ",[96,500,314],{},") in a custom component.",[89,503,505],{"className":91,"code":504,"language":93,"meta":94,"style":94},"import type { VegaNodeAttrs } from 'comark-vega'\nimport { mountVegaView } from 'comark-vega'\n",[96,506,507,529],{"__ignoreMap":94},[99,508,509,511,514,516,519,521,523,525,527],{"class":101,"line":102},[99,510,106],{"class":105},[99,512,513],{"class":105}," type",[99,515,110],{"class":109},[99,517,518],{"class":113}," VegaNodeAttrs",[99,520,117],{"class":109},[99,522,120],{"class":105},[99,524,123],{"class":109},[99,526,146],{"class":126},[99,528,130],{"class":109},[99,530,531,533,535,538,540,542,544,546],{"class":101,"line":133},[99,532,106],{"class":105},[99,534,110],{"class":109},[99,536,537],{"class":113}," mountVegaView",[99,539,117],{"class":109},[99,541,120],{"class":105},[99,543,123],{"class":109},[99,545,146],{"class":126},[99,547,130],{"class":109},[216,549,550,551,553],{},"See ",[231,552,33],{"href":34}," for fenced vs directive syntax.",[555,556,557],"style",{},"html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sJsPd, html code.shiki .sJsPd{--shiki-light:#90A4AE90;--shiki-default:#EEFFFF90;--shiki-dark:#BABED890}",{"title":94,"searchDepth":133,"depth":133,"links":559},[560,561,562],{"id":86,"depth":133,"text":87},{"id":237,"depth":133,"text":238},{"id":483,"depth":133,"text":484},"Register the vega plugin for parse-time SVG or pair it with the Vue renderer for interactive charts.",null,{},{"icon":24},{"title":21,"description":563},"AcoCYJNhiVw23LW2CemUMHefM8q16f2LFPi7_S9mgqc",[570,572],{"title":16,"path":17,"stem":18,"description":571,"icon":19,"children":-1},"Install comark-vega with peer dependencies for Comark, Vega, Vega-Lite, and optional Vue rendering.",{"title":33,"path":34,"stem":35,"description":573,"icon":36,"children":-1},"Fenced vega blocks and ::vega component directives — both produce the same Vega AST node.",1791246355223]