[{"data":1,"prerenderedAt":264},["ShallowReactive",2],{"navigation_docs":3,"-getting-started-introduction":78,"-getting-started-introduction-surround":261},[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":11,"body":80,"description":254,"extension":255,"links":256,"meta":257,"navigation":258,"path":12,"seo":259,"stem":13,"__hash__":260},"docs\u002F1.getting-started\u002F1.introduction.md",{"type":81,"value":82,"toc":247},"minimark",[83,111,116,172,183,187,201,205,225],[84,85,86,90,91,98,99,104,105,110],"p",{},[87,88,89],"strong",{},"comark-vega"," is a ",[92,93,97],"a",{"href":94,"rel":95},"https:\u002F\u002Fcomark.dev",[96],"nofollow","Comark"," plugin for ",[92,100,103],{"href":101,"rel":102},"https:\u002F\u002Fvega.github.io\u002Fvega\u002F",[96],"Vega"," and ",[92,106,109],{"href":107,"rel":108},"https:\u002F\u002Fvega.github.io\u002Fvega-lite\u002F",[96],"Vega-Lite",". It turns fenced blocks and directives into chart nodes in the AST.",[112,113,115],"h2",{"id":114},"two-rendering-paths","Two rendering paths",[117,118,119,132],"table",{},[120,121,122],"thead",{},[123,124,125,129],"tr",{},[126,127,128],"th",{},"Path",[126,130,131],{},"When",[133,134,135,151],"tbody",{},[123,136,137,143],{},[138,139,140],"td",{},[87,141,142],{},"Plugin + Vue renderer",[138,144,145,146,150],{},"Interactive apps — recommended. Mount charts at runtime with the shipped ",[147,148,149],"code",{},"\u003CVega>"," component.",[123,152,153,158],{},[138,154,155],{},[87,156,157],{},"Parse-time SVG",[138,159,160,161,164,165,164,168,171],{},"Static docs — opt in with ",[147,162,163],{},"::vl",", ",[147,166,167],{},"::vg",[147,169,170],{},"::chart",", or mark shortcuts.",[84,173,174,175,178,179,182],{},"Parse-time SVG is ",[87,176,177],{},"opt-in",". The default plugin path produces ",[147,180,181],{},"['Vega', VegaNodeAttrs]"," component nodes for your renderer.",[112,184,186],{"id":185},"shared-ast-shape","Shared AST shape",[84,188,189,190,193,194,196,197,200],{},"Both ",[92,191,192],{"href":34},"entry points"," produce identical ",[147,195,181],{}," nodes. Map them with the shipped Vue component or a custom renderer via ",[147,198,199],{},"mountVegaView",".",[112,202,204],{"id":203},"credits","Credits",[84,206,207,208,104,213,218,219,224],{},"Chart rendering is provided by ",[92,209,212],{"href":210,"rel":211},"https:\u002F\u002Fgithub.com\u002Fvega\u002Fvega",[96],"vega",[92,214,217],{"href":215,"rel":216},"https:\u002F\u002Fgithub.com\u002Fvega\u002Fvega-lite",[96],"vega-lite",", maintained by the ",[92,220,223],{"href":221,"rel":222},"https:\u002F\u002Fgithub.com\u002Fvega",[96],"Vega team",". This plugin wraps those libraries for Comark; it does not reimplement compilation or rendering.",[226,227,228,164,231,233,234,236,237,104,240,243,244,200],"note",{},[147,229,230],{},"comark",[147,232,212],{},", and ",[147,235,217],{}," are peer dependencies. ",[147,238,239],{},"vue",[147,241,242],{},"@comark\u002Fvue"," are optional peers for ",[147,245,246],{},"comark-vega\u002Fvue",{"title":248,"searchDepth":249,"depth":249,"links":250},"",2,[251,252,253],{"id":114,"depth":249,"text":115},{"id":185,"depth":249,"text":186},{"id":203,"depth":249,"text":204},"What comark-vega is, how it wraps Vega and Vega-Lite for Comark, and when to use parse-time SVG vs the Vue renderer.","md",null,{},{"icon":14},{"title":11,"description":254},"-hhrZfq1c0xFn2VlPjw4fh1q-UDZyfaOHyEEOKjUC_A",[256,262],{"title":16,"path":17,"stem":18,"description":263,"icon":19,"children":-1},"Install comark-vega with peer dependencies for Comark, Vega, Vega-Lite, and optional Vue rendering.",1791246355223]