[{"data":1,"prerenderedAt":409},["ShallowReactive",2],{"navigation_docs":3,"-guide-entry-points":78,"-guide-entry-points-surround":404},[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":33,"body":80,"description":398,"extension":117,"links":399,"meta":400,"navigation":401,"path":34,"seo":402,"stem":35,"__hash__":403},"docs\u002F2.guide\u002F1.entry-points.md",{"type":81,"value":82,"toc":391},"minimark",[83,96,101,112,194,205,213,227,237,240,249,256,284,292,367,387],[84,85,86,87,91,92,95],"p",{},"Both entry points produce identical ",[88,89,90],"code",{},"['Vega', VegaNodeAttrs]"," AST nodes. Map them with the shipped Vue component (",[88,93,94],{},"components=\"{ Vega }\"",") or a custom renderer.",[97,98,100],"h2",{"id":99},"_1-fenced-vega-block-literal-static","1 — Fenced ````vega` block (literal \u002F static)",[84,102,103,104,107,108,111],{},"Code-fence content is opaque to Comark's parser — ",[88,105,106],{},"{…}"," is never treated as directive attribute syntax, so raw JSON is always safe here. The block is replaced in the AST with a ",[88,109,110],{},"['Vega', { spec, engine }]"," component node.",[113,114,119],"pre",{"className":115,"code":116,"language":117,"meta":118,"style":118},"language-md shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","```vega-lite\n{\n  \"$schema\": \"https:\u002F\u002Fvega.github.io\u002Fschema\u002Fvega-lite\u002Fv6.json\",\n  \"mark\": \"bar\",\n  \"data\": { \"values\": [{ \"x\": \"A\", \"y\": 4 }, { \"x\": \"B\", \"y\": 6 }] },\n  \"encoding\": {\n    \"x\": { \"field\": \"x\", \"type\": \"nominal\" },\n    \"y\": { \"field\": \"y\", \"type\": \"quantitative\" }\n  }\n}\n```\n","md","",[88,120,121,134,140,146,152,158,164,170,176,182,188],{"__ignoreMap":118},[122,123,126,130],"span",{"class":124,"line":125},"line",1,[122,127,129],{"class":128},"sfazB","```",[122,131,133],{"class":132},"sJsPd","vega-lite\n",[122,135,137],{"class":124,"line":136},2,[122,138,139],{"class":132},"{\n",[122,141,143],{"class":124,"line":142},3,[122,144,145],{"class":132},"  \"$schema\": \"https:\u002F\u002Fvega.github.io\u002Fschema\u002Fvega-lite\u002Fv6.json\",\n",[122,147,149],{"class":124,"line":148},4,[122,150,151],{"class":132},"  \"mark\": \"bar\",\n",[122,153,155],{"class":124,"line":154},5,[122,156,157],{"class":132},"  \"data\": { \"values\": [{ \"x\": \"A\", \"y\": 4 }, { \"x\": \"B\", \"y\": 6 }] },\n",[122,159,161],{"class":124,"line":160},6,[122,162,163],{"class":132},"  \"encoding\": {\n",[122,165,167],{"class":124,"line":166},7,[122,168,169],{"class":132},"    \"x\": { \"field\": \"x\", \"type\": \"nominal\" },\n",[122,171,173],{"class":124,"line":172},8,[122,174,175],{"class":132},"    \"y\": { \"field\": \"y\", \"type\": \"quantitative\" }\n",[122,177,179],{"class":124,"line":178},9,[122,180,181],{"class":132},"  }\n",[122,183,185],{"class":124,"line":184},10,[122,186,187],{"class":132},"}\n",[122,189,191],{"class":124,"line":190},11,[122,192,193],{"class":128},"```\n",[84,195,196,197,200,201,204],{},"Use ",[88,198,199],{},"vega` for a full Vega spec; use ","vega-lite",[88,202,203],{},"for a Vega-Lite spec. When","$schema` is present, the engine is auto-detected from the URL regardless of the language tag.",[97,206,208,209,212],{"id":207},"_2-vega-component-directive-dynamic-bound","2 — ",[88,210,211],{},"::vega"," component directive (dynamic \u002F bound)",[84,214,215,218,219,222,223,226],{},[88,216,217],{},":prop=\"expression\""," attrs are preserved verbatim for ",[88,220,221],{},"@comark\u002Fbinding"," to resolve against frontmatter or runtime data at render time. Plain ",[88,224,225],{},"prop=\"value\""," attrs remain literal strings.",[113,228,230],{"className":115,"code":229,"language":117,"meta":118,"style":118},"::vega{:spec=\"report.chart\" engine=\"vega-lite\"}\n",[88,231,232],{"__ignoreMap":118},[122,233,234],{"class":124,"line":125},[122,235,229],{"class":236},"sTEyZ",[84,238,239],{},"Multiple bindings are all preserved:",[113,241,243],{"className":115,"code":242,"language":117,"meta":118,"style":118},"::vega{:spec=\"dashboard.revenue\" :width=\"panel.w\" engine=\"vega-lite\"}\n",[88,244,245],{"__ignoreMap":118},[122,246,247],{"class":124,"line":125},[122,248,242],{"class":236},[84,250,251,252,255],{},"A code-fenced body can supply a literal spec when no ",[88,253,254],{},":spec"," binding is present:",[113,257,259],{"className":115,"code":258,"language":117,"meta":118,"style":118},"::vega{engine=\"vega-lite\"}\n```\n{ \"mark\": \"bar\", … }\n```\n::\n",[88,260,261,266,270,275,279],{"__ignoreMap":118},[122,262,263],{"class":124,"line":125},[122,264,265],{"class":236},"::vega{engine=\"vega-lite\"}\n",[122,267,268],{"class":124,"line":136},[122,269,193],{"class":128},[122,271,272],{"class":124,"line":142},[122,273,274],{"class":132},"{ \"mark\": \"bar\", … }\n",[122,276,277],{"class":124,"line":148},[122,278,193],{"class":128},[122,280,281],{"class":124,"line":154},[122,282,283],{"class":236},"::\n",[97,285,287,288,291],{"id":286},"spec-sources-for-vega-entry-points","Spec sources for ",[88,289,290],{},"\u003CVega>"," entry points",[293,294,295,311],"table",{},[296,297,298],"thead",{},[299,300,301,305,308],"tr",{},[302,303,304],"th",{},"Source",[302,306,307],{},"Syntax",[302,309,310],{},"Notes",[312,313,314,332,351],"tbody",{},[299,315,316,320,325],{},[317,318,319],"td",{},"Fenced code block",[317,321,322],{},[88,323,324],{},"vega-lite … ",[317,326,327,328,331],{},"Literal static spec. Engine auto-detected from ",[88,329,330],{},"$schema"," or language tag.",[299,333,334,340,345],{},[317,335,336,339],{},[88,337,338],{},":spec="," binding attr",[317,341,342],{},[88,343,344],{},"::vega{:spec=\"expr\"}",[317,346,347,348,350],{},"Resolved at render time by ",[88,349,221],{},".",[299,352,353,356,361],{},[317,354,355],{},"Code-fenced directive body",[317,357,358,360],{},[88,359,211],{}," + fenced body",[317,362,363,364,366],{},"Literal spec in directive body (no ",[88,365,254],{}," binding present).",[368,369,370,371,375,376,379,380,379,383,386],"note",{},"For static output without a runtime component, use ",[372,373,374],"a",{"href":39},"inline-SVG directives"," (",[88,377,378],{},"::vl",", ",[88,381,382],{},"::vg",[88,384,385],{},"::chart",") instead.",[388,389,390],"style",{},"html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sJsPd, html code.shiki .sJsPd{--shiki-light:#90A4AE90;--shiki-default:#EEFFFF90;--shiki-dark:#BABED890}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 .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}",{"title":118,"searchDepth":136,"depth":136,"links":392},[393,394,396],{"id":99,"depth":136,"text":100},{"id":207,"depth":136,"text":395},"2 — ::vega component directive (dynamic \u002F bound)",{"id":286,"depth":136,"text":397},"Spec sources for \u003CVega> entry points","Fenced vega blocks and ::vega component directives — both produce the same Vega AST node.",null,{},{"icon":36},{"title":33,"description":398},"TNAE1v86MylX1BEhDkYTzNvr08veB9h9Qy-SHkgqtVk",[405,407],{"title":21,"path":22,"stem":23,"description":406,"icon":24,"children":-1},"Register the vega plugin for parse-time SVG or pair it with the Vue renderer for interactive charts.",{"title":38,"path":39,"stem":40,"description":408,"icon":41,"children":-1},"Parse-time chart rendering with ::vl, ::vg, ::chart, and mark shortcuts — no runtime component required.",1791246355223]