[{"data":1,"prerenderedAt":391},["ShallowReactive",2],{"navigation_docs":3,"-reference-component-props":78,"-reference-component-props-surround":386},[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":69,"body":80,"description":379,"extension":380,"links":381,"meta":382,"navigation":383,"path":70,"seo":384,"stem":71,"__hash__":385},"docs\u002F3.reference\u002F2.component-props.md",{"type":81,"value":82,"toc":375},"minimark",[83,101,265,270,335,339,349,371],[84,85,86,87,91,92,96,97,100],"p",{},"Both ",[88,89,90],"a",{"href":34},"entry points"," produce ",[93,94,95],"code",{},"['Vega', VegaNodeAttrs]"," nodes. The shipped Vue ",[93,98,99],{},"\u003CVega>"," component reads these props.",[102,103,104,123],"table",{},[105,106,107],"thead",{},[108,109,110,114,117,120],"tr",{},[111,112,113],"th",{},"Prop",[111,115,116],{},"Type",[111,118,119],{},"Default",[111,121,122],{},"Description",[124,125,126,145,167,184,200,221,241],"tbody",{},[108,127,128,134,139,142],{},[129,130,131],"td",{},[93,132,133],{},"spec",[129,135,136],{},[93,137,138],{},"Record\u003Cstring, unknown>",[129,140,141],{},"—",[129,143,144],{},"Literal Vega \u002F Vega-Lite spec (fenced block, body, or binding-resolved)",[108,146,147,152,157,160],{},[129,148,149],{},[93,150,151],{},"engine",[129,153,154],{},[93,155,156],{},"'vega-lite' | 'vega'",[129,158,159],{},"auto",[129,161,162,163,166],{},"Chart engine; inferred from ",[93,164,165],{},"$schema"," \u002F structure when omitted",[108,168,169,174,179,181],{},[129,170,171],{},[93,172,173],{},"width",[129,175,176],{},[93,177,178],{},"number | string",[129,180,141],{},[129,182,183],{},"Chart width in pixels",[108,185,186,191,195,197],{},[129,187,188],{},[93,189,190],{},"height",[129,192,193],{},[93,194,178],{},[129,196,141],{},[129,198,199],{},"Chart height in pixels",[108,201,202,207,212,214],{},[129,203,204],{},[93,205,206],{},"output",[129,208,209],{},[93,210,211],{},"'svg' | 'img' | 'png'",[129,213,141],{},[129,215,216,217,220],{},"Hint for SSR-capable paths; client ",[93,218,219],{},"Vega"," uses SVG",[108,222,223,228,233,238],{},[129,224,225],{},[93,226,227],{},"class",[129,229,230],{},[93,231,232],{},"string",[129,234,235],{},[93,236,237],{},"''",[129,239,240],{},"CSS class on the root element",[108,242,243,252,256,258],{},[129,244,245,248,249],{},[93,246,247],{},":spec"," \u002F other ",[93,250,251],{},":prop",[129,253,254],{},[93,255,232],{},[129,257,141],{},[129,259,260,261,264],{},"Binding expressions preserved for ",[93,262,263],{},"@comark\u002Fbinding"," (resolved before mount)",[266,267,269],"h2",{"id":268},"type-imports","Type imports",[271,272,277],"pre",{"className":273,"code":274,"language":275,"meta":276,"style":276},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import type { VegaNodeAttrs } from 'comark-vega'\nimport { mountVegaView } from 'comark-vega'\n","ts","",[93,278,279,315],{"__ignoreMap":276},[280,281,284,288,291,295,299,302,305,308,312],"span",{"class":282,"line":283},"line",1,[280,285,287],{"class":286},"s7zQu","import",[280,289,290],{"class":286}," type",[280,292,294],{"class":293},"sMK4o"," {",[280,296,298],{"class":297},"sTEyZ"," VegaNodeAttrs",[280,300,301],{"class":293}," }",[280,303,304],{"class":286}," from",[280,306,307],{"class":293}," '",[280,309,311],{"class":310},"sfazB","comark-vega",[280,313,314],{"class":293},"'\n",[280,316,318,320,322,325,327,329,331,333],{"class":282,"line":317},2,[280,319,287],{"class":286},[280,321,294],{"class":293},[280,323,324],{"class":297}," mountVegaView",[280,326,301],{"class":293},[280,328,304],{"class":286},[280,330,307],{"class":293},[280,332,311],{"class":310},[280,334,314],{"class":293},[266,336,338],{"id":337},"invalid-specs","Invalid specs",[84,340,341,342,345,346,348],{},"Invalid specs soft-fail: the component shows a ",[93,343,344],{},"\u003Cpre class=\"vega-error\">"," message and does not throw. See ",[88,347,74],{"href":75},".",[350,351,352,353,355,356,355,358,355,360,362,363,366,367,370],"note",{},"Global defaults for ",[93,354,206],{},", ",[93,357,151],{},[93,359,173],{},[93,361,190],{},", and ",[93,364,365],{},"config"," can come from ",[88,368,369],{"href":49},"frontmatter"," or the plugin factory.",[372,373,374],"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 .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);}",{"title":276,"searchDepth":317,"depth":317,"links":376},[377,378],{"id":268,"depth":317,"text":269},{"id":337,"depth":317,"text":338},"Props on the Vega AST node and the shipped Vue Vega component.","md",null,{},{"icon":72},{"title":69,"description":379},"AYphmj0sB3LR6xIFr0uIrKI9KSOSwlyvvFDy4QLGNQk",[387,389],{"title":64,"path":65,"stem":66,"description":388,"icon":67,"children":-1},"Vega-Lite mark shortcut directives that inject the mark field when absent from the spec body.",{"title":74,"path":75,"stem":76,"description":390,"icon":77,"children":-1},"How comark-vega handles invalid specs without breaking the rest of the document.",1791246356123]