[{"data":1,"prerenderedAt":2202},["Reactive",2],{"content-query-SePPrm2fPW":3},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"_empty":6,"title":8,"description":9,"body":10,"_type":2197,"_id":2198,"_source":2199,"_file":2200,"_extension":2201},"/docs/utilities/components/renderable","components",false,"","Utility Components - Renderable - Inkline","A Renderable is a prop type that allows for highly dynamic rendering of UI elements.",{"type":11,"children":12,"toc":2192},"root",[13,20,27,33,205,212,230,237,243,570,591,596,935,954,959,1328,1345,1351,1732,1767,1772,2133,2177,2183,2187],{"type":14,"tag":15,"props":16,"children":19},"element","content-heading",{"subtitle":17,"title":18},"Utility Components","Renderable",[],{"type":14,"tag":21,"props":22,"children":24},"h2",{"id":23},"a-renderable-is-a-prop-type-that-allows-for-highly-dynamic-rendering-of-ui-elements",[25],{"type":26,"value":9},"text",{"type":14,"tag":28,"props":29,"children":30},"p",{},[31],{"type":26,"value":32},"It can take various types of input for rendering, ranging from primitives to render functions and Vue components:",{"type":14,"tag":34,"props":35,"children":36},"ul",{},[37,97,133,170],{"type":14,"tag":38,"props":39,"children":40},"li",{},[41,47,49,55,57,62,63,68,70],{"type":14,"tag":42,"props":43,"children":44},"strong",{},[45],{"type":26,"value":46},"Primitive",{"type":26,"value":48}," - A primitive type (",{"type":14,"tag":50,"props":51,"children":52},"code-inline",{},[53],{"type":26,"value":54},"string",{"type":26,"value":56},", ",{"type":14,"tag":50,"props":58,"children":59},{},[60],{"type":26,"value":61},"number",{"type":26,"value":56},{"type":14,"tag":50,"props":64,"children":65},{},[66],{"type":26,"value":67},"boolean",{"type":26,"value":69},") will be rendered as is -",{"type":14,"tag":34,"props":71,"children":72},{},[73,81,89],{"type":14,"tag":38,"props":74,"children":75},{},[76],{"type":14,"tag":50,"props":77,"children":78},{},[79],{"type":26,"value":80},"'string'",{"type":14,"tag":38,"props":82,"children":83},{},[84],{"type":14,"tag":50,"props":85,"children":86},{},[87],{"type":26,"value":88},"123",{"type":14,"tag":38,"props":90,"children":91},{},[92],{"type":14,"tag":50,"props":93,"children":94},{},[95],{"type":26,"value":96},"true",{"type":14,"tag":38,"props":98,"children":99},{},[100,105,107,112,114],{"type":14,"tag":42,"props":101,"children":102},{},[103],{"type":26,"value":104},"Expression",{"type":26,"value":106}," - Expressions are strings that use interpolation using the ",{"type":14,"tag":50,"props":108,"children":109},{},[110],{"type":26,"value":111},"{{ }}",{"type":26,"value":113}," syntax and will be evaluated using the provided context object and rendered as a string",{"type":14,"tag":34,"props":115,"children":116},{},[117,125],{"type":14,"tag":38,"props":118,"children":119},{},[120],{"type":14,"tag":50,"props":121,"children":122},{},[123],{"type":26,"value":124},"Hello {{name}}!",{"type":14,"tag":38,"props":126,"children":127},{},[128],{"type":14,"tag":50,"props":129,"children":130},{},[131],{"type":26,"value":132},"I live in {{address.country}}.",{"type":14,"tag":38,"props":134,"children":135},{},[136,141,143],{"type":14,"tag":42,"props":137,"children":138},{},[139],{"type":26,"value":140},"Render Function",{"type":26,"value":142}," - A render function will be called with the provided context object as an argument, and should return a primitive or a VNode",{"type":14,"tag":34,"props":144,"children":145},{},[146,154,162],{"type":14,"tag":38,"props":147,"children":148},{},[149],{"type":14,"tag":50,"props":150,"children":151},{},[152],{"type":26,"value":153},"(ctx) => ctx.label.toUpperCase()",{"type":14,"tag":38,"props":155,"children":156},{},[157],{"type":14,"tag":50,"props":158,"children":159},{},[160],{"type":26,"value":161},"(ctx) => h('strong', {}, ctx.name)",{"type":14,"tag":38,"props":163,"children":164},{},[165],{"type":14,"tag":50,"props":166,"children":167},{},[168],{"type":26,"value":169},"(ctx) => h(MyComponent, { ctx })",{"type":14,"tag":38,"props":171,"children":172},{},[173,178,180,185,187,192,194],{"type":14,"tag":42,"props":174,"children":175},{},[176],{"type":26,"value":177},"Component",{"type":26,"value":179}," - A Vue component will be rendered as is and will receive the context through a ",{"type":14,"tag":50,"props":181,"children":182},{},[183],{"type":26,"value":184},"ctx",{"type":26,"value":186}," prop. Components need to be marked as ",{"type":14,"tag":50,"props":188,"children":189},{},[190],{"type":26,"value":191},"Raw",{"type":26,"value":193}," to disable reactivity",{"type":14,"tag":34,"props":195,"children":196},{},[197],{"type":14,"tag":38,"props":198,"children":199},{},[200],{"type":14,"tag":50,"props":201,"children":202},{},[203],{"type":26,"value":204},"markRaw(MyComponent)",{"type":14,"tag":206,"props":207,"children":209},"h3",{"id":208},"render-resolver",[210],{"type":26,"value":211},"Render Resolver",{"type":14,"tag":28,"props":213,"children":214},{},[215,217,222,224,228],{"type":26,"value":216},"Renderable props are rendered using a ",{"type":14,"tag":50,"props":218,"children":219},{},[220],{"type":26,"value":221},"IRenderResolver",{"type":26,"value":223}," component. The ",{"type":14,"tag":50,"props":225,"children":226},{},[227],{"type":26,"value":221},{"type":26,"value":229}," component is used internally by many Inkline components to render their content. It can also be used directly to render any type of content.",{"type":14,"tag":231,"props":232,"children":234},"h4",{"id":233},"usage",[235],{"type":26,"value":236},"Usage",{"type":14,"tag":238,"props":239,"children":241},"h5",{"id":240},"primitive",[242],{"type":26,"value":46},{"type":14,"tag":244,"props":245,"children":250},"code",{"className":246,"code":248,"language":249,"meta":7},[247],"language-vue","\u003Cscript lang=\"ts\" setup>\nimport { ref } from 'vue';\nimport { IRenderResolver } from '@inkline/inkline';\nimport type { Renderable } from '@inkline/inkline';\n\nconst renderable = ref\u003CRenderable>('Hello, World!');\n\u003C/script>\n\u003Ctemplate>\n    \u003CIRenderResolver :render=\"renderable\" />\n\u003C/template>\n","vue",[251],{"type":14,"tag":252,"props":253,"children":254},"pre",{},[255],{"type":14,"tag":244,"props":256,"children":257},{"__ignoreMap":7},[258,312,346,376,414,423,482,499,516,553],{"type":14,"tag":259,"props":260,"children":263},"span",{"class":261,"line":262},"line",1,[264,270,276,281,287,292,298,302,307],{"type":14,"tag":259,"props":265,"children":267},{"class":266},"ct-553616",[268],{"type":26,"value":269},"\u003C",{"type":14,"tag":259,"props":271,"children":273},{"class":272},"ct-914029",[274],{"type":26,"value":275},"script",{"type":14,"tag":259,"props":277,"children":278},{"class":266},[279],{"type":26,"value":280}," ",{"type":14,"tag":259,"props":282,"children":284},{"class":283},"ct-762058",[285],{"type":26,"value":286},"lang",{"type":14,"tag":259,"props":288,"children":289},{"class":266},[290],{"type":26,"value":291},"=",{"type":14,"tag":259,"props":293,"children":295},{"class":294},"ct-952708",[296],{"type":26,"value":297},"\"ts\"",{"type":14,"tag":259,"props":299,"children":300},{"class":266},[301],{"type":26,"value":280},{"type":14,"tag":259,"props":303,"children":304},{"class":283},[305],{"type":26,"value":306},"setup",{"type":14,"tag":259,"props":308,"children":309},{"class":266},[310],{"type":26,"value":311},">\n",{"type":14,"tag":259,"props":313,"children":315},{"class":261,"line":314},2,[316,322,327,332,336,341],{"type":14,"tag":259,"props":317,"children":319},{"class":318},"ct-149352",[320],{"type":26,"value":321},"import",{"type":14,"tag":259,"props":323,"children":324},{"class":266},[325],{"type":26,"value":326}," { ref } ",{"type":14,"tag":259,"props":328,"children":329},{"class":318},[330],{"type":26,"value":331},"from",{"type":14,"tag":259,"props":333,"children":334},{"class":266},[335],{"type":26,"value":280},{"type":14,"tag":259,"props":337,"children":338},{"class":294},[339],{"type":26,"value":340},"'vue'",{"type":14,"tag":259,"props":342,"children":343},{"class":266},[344],{"type":26,"value":345},";\n",{"type":14,"tag":259,"props":347,"children":349},{"class":261,"line":348},3,[350,354,359,363,367,372],{"type":14,"tag":259,"props":351,"children":352},{"class":318},[353],{"type":26,"value":321},{"type":14,"tag":259,"props":355,"children":356},{"class":266},[357],{"type":26,"value":358}," { IRenderResolver } ",{"type":14,"tag":259,"props":360,"children":361},{"class":318},[362],{"type":26,"value":331},{"type":14,"tag":259,"props":364,"children":365},{"class":266},[366],{"type":26,"value":280},{"type":14,"tag":259,"props":368,"children":369},{"class":294},[370],{"type":26,"value":371},"'@inkline/inkline'",{"type":14,"tag":259,"props":373,"children":374},{"class":266},[375],{"type":26,"value":345},{"type":14,"tag":259,"props":377,"children":379},{"class":261,"line":378},4,[380,384,388,393,398,402,406,410],{"type":14,"tag":259,"props":381,"children":382},{"class":318},[383],{"type":26,"value":321},{"type":14,"tag":259,"props":385,"children":386},{"class":266},[387],{"type":26,"value":280},{"type":14,"tag":259,"props":389,"children":390},{"class":318},[391],{"type":26,"value":392},"type",{"type":14,"tag":259,"props":394,"children":395},{"class":266},[396],{"type":26,"value":397}," { Renderable } ",{"type":14,"tag":259,"props":399,"children":400},{"class":318},[401],{"type":26,"value":331},{"type":14,"tag":259,"props":403,"children":404},{"class":266},[405],{"type":26,"value":280},{"type":14,"tag":259,"props":407,"children":408},{"class":294},[409],{"type":26,"value":371},{"type":14,"tag":259,"props":411,"children":412},{"class":266},[413],{"type":26,"value":345},{"type":14,"tag":259,"props":415,"children":417},{"class":261,"line":416},5,[418],{"type":14,"tag":259,"props":419,"children":420},{},[421],{"type":26,"value":422},"\n",{"type":14,"tag":259,"props":424,"children":426},{"class":261,"line":425},6,[427,432,436,442,446,450,454,459,463,467,472,477],{"type":14,"tag":259,"props":428,"children":429},{"class":318},[430],{"type":26,"value":431},"const",{"type":14,"tag":259,"props":433,"children":434},{"class":266},[435],{"type":26,"value":280},{"type":14,"tag":259,"props":437,"children":439},{"class":438},"ct-617022",[440],{"type":26,"value":441},"renderable",{"type":14,"tag":259,"props":443,"children":444},{"class":266},[445],{"type":26,"value":280},{"type":14,"tag":259,"props":447,"children":448},{"class":318},[449],{"type":26,"value":291},{"type":14,"tag":259,"props":451,"children":452},{"class":266},[453],{"type":26,"value":280},{"type":14,"tag":259,"props":455,"children":456},{"class":283},[457],{"type":26,"value":458},"ref",{"type":14,"tag":259,"props":460,"children":461},{"class":266},[462],{"type":26,"value":269},{"type":14,"tag":259,"props":464,"children":465},{"class":283},[466],{"type":26,"value":18},{"type":14,"tag":259,"props":468,"children":469},{"class":266},[470],{"type":26,"value":471},">(",{"type":14,"tag":259,"props":473,"children":474},{"class":294},[475],{"type":26,"value":476},"'Hello, World!'",{"type":14,"tag":259,"props":478,"children":479},{"class":266},[480],{"type":26,"value":481},");\n",{"type":14,"tag":259,"props":483,"children":485},{"class":261,"line":484},7,[486,491,495],{"type":14,"tag":259,"props":487,"children":488},{"class":266},[489],{"type":26,"value":490},"\u003C/",{"type":14,"tag":259,"props":492,"children":493},{"class":272},[494],{"type":26,"value":275},{"type":14,"tag":259,"props":496,"children":497},{"class":266},[498],{"type":26,"value":311},{"type":14,"tag":259,"props":500,"children":502},{"class":261,"line":501},8,[503,507,512],{"type":14,"tag":259,"props":504,"children":505},{"class":266},[506],{"type":26,"value":269},{"type":14,"tag":259,"props":508,"children":509},{"class":272},[510],{"type":26,"value":511},"template",{"type":14,"tag":259,"props":513,"children":514},{"class":266},[515],{"type":26,"value":311},{"type":14,"tag":259,"props":517,"children":519},{"class":261,"line":518},9,[520,525,530,534,539,543,548],{"type":14,"tag":259,"props":521,"children":522},{"class":266},[523],{"type":26,"value":524},"    \u003C",{"type":14,"tag":259,"props":526,"children":528},{"class":527},"ct-028869",[529],{"type":26,"value":221},{"type":14,"tag":259,"props":531,"children":532},{"class":266},[533],{"type":26,"value":280},{"type":14,"tag":259,"props":535,"children":536},{"class":283},[537],{"type":26,"value":538},":render",{"type":14,"tag":259,"props":540,"children":541},{"class":266},[542],{"type":26,"value":291},{"type":14,"tag":259,"props":544,"children":545},{"class":294},[546],{"type":26,"value":547},"\"renderable\"",{"type":14,"tag":259,"props":549,"children":550},{"class":266},[551],{"type":26,"value":552}," />\n",{"type":14,"tag":259,"props":554,"children":556},{"class":261,"line":555},10,[557,561,565],{"type":14,"tag":259,"props":558,"children":559},{"class":266},[560],{"type":26,"value":490},{"type":14,"tag":259,"props":562,"children":563},{"class":272},[564],{"type":26,"value":511},{"type":14,"tag":259,"props":566,"children":567},{"class":266},[568],{"type":26,"value":569},">",{"type":14,"tag":244,"props":571,"children":576},{"className":572,"code":574,"language":575,"meta":7},[573],"language-html","Hello, World!\n","html",[577],{"type":14,"tag":252,"props":578,"children":579},{},[580],{"type":14,"tag":244,"props":581,"children":582},{"__ignoreMap":7},[583],{"type":14,"tag":259,"props":584,"children":585},{"class":261,"line":262},[586],{"type":14,"tag":259,"props":587,"children":588},{"class":266},[589],{"type":26,"value":590},"Hello, World!",{"type":14,"tag":238,"props":592,"children":594},{"id":593},"expression",[595],{"type":26,"value":104},{"type":14,"tag":244,"props":597,"children":600},{"className":598,"code":599,"language":249,"meta":7},[247],"\u003Cscript lang=\"ts\" setup>\nimport { ref } from 'vue';\nimport { IRenderResolver } from '@inkline/inkline';\nimport type { Renderable } from '@inkline/inkline';\n\nconst renderable = ref\u003CRenderable>('Hello, {{name}}!');\nconst ctx = ref({ name: 'Alex' });\n\u003C/script>\n\u003Ctemplate>\n    \u003CIRenderResolver :render=\"renderable\" :ctx=\"ctx\" />\n\u003C/template>\n",[601],{"type":14,"tag":252,"props":602,"children":603},{},[604],{"type":14,"tag":244,"props":605,"children":606},{"__ignoreMap":7},[607,646,673,700,735,742,794,840,855,870,919],{"type":14,"tag":259,"props":608,"children":609},{"class":261,"line":262},[610,614,618,622,626,630,634,638,642],{"type":14,"tag":259,"props":611,"children":612},{"class":266},[613],{"type":26,"value":269},{"type":14,"tag":259,"props":615,"children":616},{"class":272},[617],{"type":26,"value":275},{"type":14,"tag":259,"props":619,"children":620},{"class":266},[621],{"type":26,"value":280},{"type":14,"tag":259,"props":623,"children":624},{"class":283},[625],{"type":26,"value":286},{"type":14,"tag":259,"props":627,"children":628},{"class":266},[629],{"type":26,"value":291},{"type":14,"tag":259,"props":631,"children":632},{"class":294},[633],{"type":26,"value":297},{"type":14,"tag":259,"props":635,"children":636},{"class":266},[637],{"type":26,"value":280},{"type":14,"tag":259,"props":639,"children":640},{"class":283},[641],{"type":26,"value":306},{"type":14,"tag":259,"props":643,"children":644},{"class":266},[645],{"type":26,"value":311},{"type":14,"tag":259,"props":647,"children":648},{"class":261,"line":314},[649,653,657,661,665,669],{"type":14,"tag":259,"props":650,"children":651},{"class":318},[652],{"type":26,"value":321},{"type":14,"tag":259,"props":654,"children":655},{"class":266},[656],{"type":26,"value":326},{"type":14,"tag":259,"props":658,"children":659},{"class":318},[660],{"type":26,"value":331},{"type":14,"tag":259,"props":662,"children":663},{"class":266},[664],{"type":26,"value":280},{"type":14,"tag":259,"props":666,"children":667},{"class":294},[668],{"type":26,"value":340},{"type":14,"tag":259,"props":670,"children":671},{"class":266},[672],{"type":26,"value":345},{"type":14,"tag":259,"props":674,"children":675},{"class":261,"line":348},[676,680,684,688,692,696],{"type":14,"tag":259,"props":677,"children":678},{"class":318},[679],{"type":26,"value":321},{"type":14,"tag":259,"props":681,"children":682},{"class":266},[683],{"type":26,"value":358},{"type":14,"tag":259,"props":685,"children":686},{"class":318},[687],{"type":26,"value":331},{"type":14,"tag":259,"props":689,"children":690},{"class":266},[691],{"type":26,"value":280},{"type":14,"tag":259,"props":693,"children":694},{"class":294},[695],{"type":26,"value":371},{"type":14,"tag":259,"props":697,"children":698},{"class":266},[699],{"type":26,"value":345},{"type":14,"tag":259,"props":701,"children":702},{"class":261,"line":378},[703,707,711,715,719,723,727,731],{"type":14,"tag":259,"props":704,"children":705},{"class":318},[706],{"type":26,"value":321},{"type":14,"tag":259,"props":708,"children":709},{"class":266},[710],{"type":26,"value":280},{"type":14,"tag":259,"props":712,"children":713},{"class":318},[714],{"type":26,"value":392},{"type":14,"tag":259,"props":716,"children":717},{"class":266},[718],{"type":26,"value":397},{"type":14,"tag":259,"props":720,"children":721},{"class":318},[722],{"type":26,"value":331},{"type":14,"tag":259,"props":724,"children":725},{"class":266},[726],{"type":26,"value":280},{"type":14,"tag":259,"props":728,"children":729},{"class":294},[730],{"type":26,"value":371},{"type":14,"tag":259,"props":732,"children":733},{"class":266},[734],{"type":26,"value":345},{"type":14,"tag":259,"props":736,"children":737},{"class":261,"line":416},[738],{"type":14,"tag":259,"props":739,"children":740},{},[741],{"type":26,"value":422},{"type":14,"tag":259,"props":743,"children":744},{"class":261,"line":425},[745,749,753,757,761,765,769,773,777,781,785,790],{"type":14,"tag":259,"props":746,"children":747},{"class":318},[748],{"type":26,"value":431},{"type":14,"tag":259,"props":750,"children":751},{"class":266},[752],{"type":26,"value":280},{"type":14,"tag":259,"props":754,"children":755},{"class":438},[756],{"type":26,"value":441},{"type":14,"tag":259,"props":758,"children":759},{"class":266},[760],{"type":26,"value":280},{"type":14,"tag":259,"props":762,"children":763},{"class":318},[764],{"type":26,"value":291},{"type":14,"tag":259,"props":766,"children":767},{"class":266},[768],{"type":26,"value":280},{"type":14,"tag":259,"props":770,"children":771},{"class":283},[772],{"type":26,"value":458},{"type":14,"tag":259,"props":774,"children":775},{"class":266},[776],{"type":26,"value":269},{"type":14,"tag":259,"props":778,"children":779},{"class":283},[780],{"type":26,"value":18},{"type":14,"tag":259,"props":782,"children":783},{"class":266},[784],{"type":26,"value":471},{"type":14,"tag":259,"props":786,"children":787},{"class":294},[788],{"type":26,"value":789},"'Hello, {{name}}!'",{"type":14,"tag":259,"props":791,"children":792},{"class":266},[793],{"type":26,"value":481},{"type":14,"tag":259,"props":795,"children":796},{"class":261,"line":484},[797,801,805,809,813,817,821,825,830,835],{"type":14,"tag":259,"props":798,"children":799},{"class":318},[800],{"type":26,"value":431},{"type":14,"tag":259,"props":802,"children":803},{"class":266},[804],{"type":26,"value":280},{"type":14,"tag":259,"props":806,"children":807},{"class":438},[808],{"type":26,"value":184},{"type":14,"tag":259,"props":810,"children":811},{"class":266},[812],{"type":26,"value":280},{"type":14,"tag":259,"props":814,"children":815},{"class":318},[816],{"type":26,"value":291},{"type":14,"tag":259,"props":818,"children":819},{"class":266},[820],{"type":26,"value":280},{"type":14,"tag":259,"props":822,"children":823},{"class":283},[824],{"type":26,"value":458},{"type":14,"tag":259,"props":826,"children":827},{"class":266},[828],{"type":26,"value":829},"({ name: ",{"type":14,"tag":259,"props":831,"children":832},{"class":294},[833],{"type":26,"value":834},"'Alex'",{"type":14,"tag":259,"props":836,"children":837},{"class":266},[838],{"type":26,"value":839}," });\n",{"type":14,"tag":259,"props":841,"children":842},{"class":261,"line":501},[843,847,851],{"type":14,"tag":259,"props":844,"children":845},{"class":266},[846],{"type":26,"value":490},{"type":14,"tag":259,"props":848,"children":849},{"class":272},[850],{"type":26,"value":275},{"type":14,"tag":259,"props":852,"children":853},{"class":266},[854],{"type":26,"value":311},{"type":14,"tag":259,"props":856,"children":857},{"class":261,"line":518},[858,862,866],{"type":14,"tag":259,"props":859,"children":860},{"class":266},[861],{"type":26,"value":269},{"type":14,"tag":259,"props":863,"children":864},{"class":272},[865],{"type":26,"value":511},{"type":14,"tag":259,"props":867,"children":868},{"class":266},[869],{"type":26,"value":311},{"type":14,"tag":259,"props":871,"children":872},{"class":261,"line":555},[873,877,881,885,889,893,897,901,906,910,915],{"type":14,"tag":259,"props":874,"children":875},{"class":266},[876],{"type":26,"value":524},{"type":14,"tag":259,"props":878,"children":879},{"class":527},[880],{"type":26,"value":221},{"type":14,"tag":259,"props":882,"children":883},{"class":266},[884],{"type":26,"value":280},{"type":14,"tag":259,"props":886,"children":887},{"class":283},[888],{"type":26,"value":538},{"type":14,"tag":259,"props":890,"children":891},{"class":266},[892],{"type":26,"value":291},{"type":14,"tag":259,"props":894,"children":895},{"class":294},[896],{"type":26,"value":547},{"type":14,"tag":259,"props":898,"children":899},{"class":266},[900],{"type":26,"value":280},{"type":14,"tag":259,"props":902,"children":903},{"class":283},[904],{"type":26,"value":905},":ctx",{"type":14,"tag":259,"props":907,"children":908},{"class":266},[909],{"type":26,"value":291},{"type":14,"tag":259,"props":911,"children":912},{"class":294},[913],{"type":26,"value":914},"\"ctx\"",{"type":14,"tag":259,"props":916,"children":917},{"class":266},[918],{"type":26,"value":552},{"type":14,"tag":259,"props":920,"children":922},{"class":261,"line":921},11,[923,927,931],{"type":14,"tag":259,"props":924,"children":925},{"class":266},[926],{"type":26,"value":490},{"type":14,"tag":259,"props":928,"children":929},{"class":272},[930],{"type":26,"value":511},{"type":14,"tag":259,"props":932,"children":933},{"class":266},[934],{"type":26,"value":569},{"type":14,"tag":244,"props":936,"children":939},{"className":937,"code":938,"language":575,"meta":7},[573],"Hello, Alex!\n",[940],{"type":14,"tag":252,"props":941,"children":942},{},[943],{"type":14,"tag":244,"props":944,"children":945},{"__ignoreMap":7},[946],{"type":14,"tag":259,"props":947,"children":948},{"class":261,"line":262},[949],{"type":14,"tag":259,"props":950,"children":951},{"class":266},[952],{"type":26,"value":953},"Hello, Alex!",{"type":14,"tag":238,"props":955,"children":957},{"id":956},"render-function",[958],{"type":26,"value":140},{"type":14,"tag":244,"props":960,"children":963},{"className":961,"code":962,"language":249,"meta":7},[247],"\u003Cscript lang=\"ts\" setup>\nimport { ref } from 'vue';\nimport { IRenderResolver } from '@inkline/inkline';\nimport type { Renderable } from '@inkline/inkline';\n\nconst renderable: Renderable = (ctx) => `Hello, ${ctx.name}!`;\nconst ctx = ref({ name: 'Alex' });\n\u003C/script>\n\u003Ctemplate>\n    \u003CIRenderResolver :render=\"renderable\" :ctx=\"ctx\" />\n\u003C/template>\n",[964],{"type":14,"tag":252,"props":965,"children":966},{},[967],{"type":14,"tag":244,"props":968,"children":969},{"__ignoreMap":7},[970,1009,1036,1063,1098,1105,1193,1236,1251,1266,1313],{"type":14,"tag":259,"props":971,"children":972},{"class":261,"line":262},[973,977,981,985,989,993,997,1001,1005],{"type":14,"tag":259,"props":974,"children":975},{"class":266},[976],{"type":26,"value":269},{"type":14,"tag":259,"props":978,"children":979},{"class":272},[980],{"type":26,"value":275},{"type":14,"tag":259,"props":982,"children":983},{"class":266},[984],{"type":26,"value":280},{"type":14,"tag":259,"props":986,"children":987},{"class":283},[988],{"type":26,"value":286},{"type":14,"tag":259,"props":990,"children":991},{"class":266},[992],{"type":26,"value":291},{"type":14,"tag":259,"props":994,"children":995},{"class":294},[996],{"type":26,"value":297},{"type":14,"tag":259,"props":998,"children":999},{"class":266},[1000],{"type":26,"value":280},{"type":14,"tag":259,"props":1002,"children":1003},{"class":283},[1004],{"type":26,"value":306},{"type":14,"tag":259,"props":1006,"children":1007},{"class":266},[1008],{"type":26,"value":311},{"type":14,"tag":259,"props":1010,"children":1011},{"class":261,"line":314},[1012,1016,1020,1024,1028,1032],{"type":14,"tag":259,"props":1013,"children":1014},{"class":318},[1015],{"type":26,"value":321},{"type":14,"tag":259,"props":1017,"children":1018},{"class":266},[1019],{"type":26,"value":326},{"type":14,"tag":259,"props":1021,"children":1022},{"class":318},[1023],{"type":26,"value":331},{"type":14,"tag":259,"props":1025,"children":1026},{"class":266},[1027],{"type":26,"value":280},{"type":14,"tag":259,"props":1029,"children":1030},{"class":294},[1031],{"type":26,"value":340},{"type":14,"tag":259,"props":1033,"children":1034},{"class":266},[1035],{"type":26,"value":345},{"type":14,"tag":259,"props":1037,"children":1038},{"class":261,"line":348},[1039,1043,1047,1051,1055,1059],{"type":14,"tag":259,"props":1040,"children":1041},{"class":318},[1042],{"type":26,"value":321},{"type":14,"tag":259,"props":1044,"children":1045},{"class":266},[1046],{"type":26,"value":358},{"type":14,"tag":259,"props":1048,"children":1049},{"class":318},[1050],{"type":26,"value":331},{"type":14,"tag":259,"props":1052,"children":1053},{"class":266},[1054],{"type":26,"value":280},{"type":14,"tag":259,"props":1056,"children":1057},{"class":294},[1058],{"type":26,"value":371},{"type":14,"tag":259,"props":1060,"children":1061},{"class":266},[1062],{"type":26,"value":345},{"type":14,"tag":259,"props":1064,"children":1065},{"class":261,"line":378},[1066,1070,1074,1078,1082,1086,1090,1094],{"type":14,"tag":259,"props":1067,"children":1068},{"class":318},[1069],{"type":26,"value":321},{"type":14,"tag":259,"props":1071,"children":1072},{"class":266},[1073],{"type":26,"value":280},{"type":14,"tag":259,"props":1075,"children":1076},{"class":318},[1077],{"type":26,"value":392},{"type":14,"tag":259,"props":1079,"children":1080},{"class":266},[1081],{"type":26,"value":397},{"type":14,"tag":259,"props":1083,"children":1084},{"class":318},[1085],{"type":26,"value":331},{"type":14,"tag":259,"props":1087,"children":1088},{"class":266},[1089],{"type":26,"value":280},{"type":14,"tag":259,"props":1091,"children":1092},{"class":294},[1093],{"type":26,"value":371},{"type":14,"tag":259,"props":1095,"children":1096},{"class":266},[1097],{"type":26,"value":345},{"type":14,"tag":259,"props":1099,"children":1100},{"class":261,"line":416},[1101],{"type":14,"tag":259,"props":1102,"children":1103},{},[1104],{"type":26,"value":422},{"type":14,"tag":259,"props":1106,"children":1107},{"class":261,"line":425},[1108,1112,1116,1120,1125,1129,1133,1137,1141,1146,1151,1156,1161,1165,1170,1174,1179,1184,1189],{"type":14,"tag":259,"props":1109,"children":1110},{"class":318},[1111],{"type":26,"value":431},{"type":14,"tag":259,"props":1113,"children":1114},{"class":266},[1115],{"type":26,"value":280},{"type":14,"tag":259,"props":1117,"children":1118},{"class":283},[1119],{"type":26,"value":441},{"type":14,"tag":259,"props":1121,"children":1122},{"class":318},[1123],{"type":26,"value":1124},":",{"type":14,"tag":259,"props":1126,"children":1127},{"class":266},[1128],{"type":26,"value":280},{"type":14,"tag":259,"props":1130,"children":1131},{"class":283},[1132],{"type":26,"value":18},{"type":14,"tag":259,"props":1134,"children":1135},{"class":266},[1136],{"type":26,"value":280},{"type":14,"tag":259,"props":1138,"children":1139},{"class":318},[1140],{"type":26,"value":291},{"type":14,"tag":259,"props":1142,"children":1143},{"class":266},[1144],{"type":26,"value":1145}," (",{"type":14,"tag":259,"props":1147,"children":1149},{"class":1148},"ct-157101",[1150],{"type":26,"value":184},{"type":14,"tag":259,"props":1152,"children":1153},{"class":266},[1154],{"type":26,"value":1155},") ",{"type":14,"tag":259,"props":1157,"children":1158},{"class":318},[1159],{"type":26,"value":1160},"=>",{"type":14,"tag":259,"props":1162,"children":1163},{"class":266},[1164],{"type":26,"value":280},{"type":14,"tag":259,"props":1166,"children":1167},{"class":294},[1168],{"type":26,"value":1169},"`Hello, ${",{"type":14,"tag":259,"props":1171,"children":1172},{"class":266},[1173],{"type":26,"value":184},{"type":14,"tag":259,"props":1175,"children":1176},{"class":294},[1177],{"type":26,"value":1178},".",{"type":14,"tag":259,"props":1180,"children":1181},{"class":266},[1182],{"type":26,"value":1183},"name",{"type":14,"tag":259,"props":1185,"children":1186},{"class":294},[1187],{"type":26,"value":1188},"}!`",{"type":14,"tag":259,"props":1190,"children":1191},{"class":266},[1192],{"type":26,"value":345},{"type":14,"tag":259,"props":1194,"children":1195},{"class":261,"line":484},[1196,1200,1204,1208,1212,1216,1220,1224,1228,1232],{"type":14,"tag":259,"props":1197,"children":1198},{"class":318},[1199],{"type":26,"value":431},{"type":14,"tag":259,"props":1201,"children":1202},{"class":266},[1203],{"type":26,"value":280},{"type":14,"tag":259,"props":1205,"children":1206},{"class":438},[1207],{"type":26,"value":184},{"type":14,"tag":259,"props":1209,"children":1210},{"class":266},[1211],{"type":26,"value":280},{"type":14,"tag":259,"props":1213,"children":1214},{"class":318},[1215],{"type":26,"value":291},{"type":14,"tag":259,"props":1217,"children":1218},{"class":266},[1219],{"type":26,"value":280},{"type":14,"tag":259,"props":1221,"children":1222},{"class":283},[1223],{"type":26,"value":458},{"type":14,"tag":259,"props":1225,"children":1226},{"class":266},[1227],{"type":26,"value":829},{"type":14,"tag":259,"props":1229,"children":1230},{"class":294},[1231],{"type":26,"value":834},{"type":14,"tag":259,"props":1233,"children":1234},{"class":266},[1235],{"type":26,"value":839},{"type":14,"tag":259,"props":1237,"children":1238},{"class":261,"line":501},[1239,1243,1247],{"type":14,"tag":259,"props":1240,"children":1241},{"class":266},[1242],{"type":26,"value":490},{"type":14,"tag":259,"props":1244,"children":1245},{"class":272},[1246],{"type":26,"value":275},{"type":14,"tag":259,"props":1248,"children":1249},{"class":266},[1250],{"type":26,"value":311},{"type":14,"tag":259,"props":1252,"children":1253},{"class":261,"line":518},[1254,1258,1262],{"type":14,"tag":259,"props":1255,"children":1256},{"class":266},[1257],{"type":26,"value":269},{"type":14,"tag":259,"props":1259,"children":1260},{"class":272},[1261],{"type":26,"value":511},{"type":14,"tag":259,"props":1263,"children":1264},{"class":266},[1265],{"type":26,"value":311},{"type":14,"tag":259,"props":1267,"children":1268},{"class":261,"line":555},[1269,1273,1277,1281,1285,1289,1293,1297,1301,1305,1309],{"type":14,"tag":259,"props":1270,"children":1271},{"class":266},[1272],{"type":26,"value":524},{"type":14,"tag":259,"props":1274,"children":1275},{"class":527},[1276],{"type":26,"value":221},{"type":14,"tag":259,"props":1278,"children":1279},{"class":266},[1280],{"type":26,"value":280},{"type":14,"tag":259,"props":1282,"children":1283},{"class":283},[1284],{"type":26,"value":538},{"type":14,"tag":259,"props":1286,"children":1287},{"class":266},[1288],{"type":26,"value":291},{"type":14,"tag":259,"props":1290,"children":1291},{"class":294},[1292],{"type":26,"value":547},{"type":14,"tag":259,"props":1294,"children":1295},{"class":266},[1296],{"type":26,"value":280},{"type":14,"tag":259,"props":1298,"children":1299},{"class":283},[1300],{"type":26,"value":905},{"type":14,"tag":259,"props":1302,"children":1303},{"class":266},[1304],{"type":26,"value":291},{"type":14,"tag":259,"props":1306,"children":1307},{"class":294},[1308],{"type":26,"value":914},{"type":14,"tag":259,"props":1310,"children":1311},{"class":266},[1312],{"type":26,"value":552},{"type":14,"tag":259,"props":1314,"children":1315},{"class":261,"line":921},[1316,1320,1324],{"type":14,"tag":259,"props":1317,"children":1318},{"class":266},[1319],{"type":26,"value":490},{"type":14,"tag":259,"props":1321,"children":1322},{"class":272},[1323],{"type":26,"value":511},{"type":14,"tag":259,"props":1325,"children":1326},{"class":266},[1327],{"type":26,"value":569},{"type":14,"tag":244,"props":1329,"children":1331},{"className":1330,"code":938,"language":575,"meta":7},[573],[1332],{"type":14,"tag":252,"props":1333,"children":1334},{},[1335],{"type":14,"tag":244,"props":1336,"children":1337},{"__ignoreMap":7},[1338],{"type":14,"tag":259,"props":1339,"children":1340},{"class":261,"line":262},[1341],{"type":14,"tag":259,"props":1342,"children":1343},{"class":266},[1344],{"type":26,"value":953},{"type":14,"tag":238,"props":1346,"children":1348},{"id":1347},"render-function-with-vnode",[1349],{"type":26,"value":1350},"Render Function with VNode",{"type":14,"tag":244,"props":1352,"children":1355},{"className":1353,"code":1354,"language":249,"meta":7},[247],"\u003Cscript lang=\"ts\" setup>\nimport { ref, h } from 'vue';\nimport { IRenderResolver } from '@inkline/inkline';\nimport type { Renderable } from '@inkline/inkline';\n\nconst renderable: Renderable = (ctx) => h('strong', {}, `Hello, ${ctx.name}!`);\nconst ctx = ref({ name: 'Alex' });\n\u003C/script>\n\u003Ctemplate>\n    \u003CIRenderResolver :render=\"renderable\" :ctx=\"ctx\" />\n\u003C/template>\n",[1356],{"type":14,"tag":252,"props":1357,"children":1358},{},[1359],{"type":14,"tag":244,"props":1360,"children":1361},{"__ignoreMap":7},[1362,1401,1429,1456,1491,1498,1597,1640,1655,1670,1717],{"type":14,"tag":259,"props":1363,"children":1364},{"class":261,"line":262},[1365,1369,1373,1377,1381,1385,1389,1393,1397],{"type":14,"tag":259,"props":1366,"children":1367},{"class":266},[1368],{"type":26,"value":269},{"type":14,"tag":259,"props":1370,"children":1371},{"class":272},[1372],{"type":26,"value":275},{"type":14,"tag":259,"props":1374,"children":1375},{"class":266},[1376],{"type":26,"value":280},{"type":14,"tag":259,"props":1378,"children":1379},{"class":283},[1380],{"type":26,"value":286},{"type":14,"tag":259,"props":1382,"children":1383},{"class":266},[1384],{"type":26,"value":291},{"type":14,"tag":259,"props":1386,"children":1387},{"class":294},[1388],{"type":26,"value":297},{"type":14,"tag":259,"props":1390,"children":1391},{"class":266},[1392],{"type":26,"value":280},{"type":14,"tag":259,"props":1394,"children":1395},{"class":283},[1396],{"type":26,"value":306},{"type":14,"tag":259,"props":1398,"children":1399},{"class":266},[1400],{"type":26,"value":311},{"type":14,"tag":259,"props":1402,"children":1403},{"class":261,"line":314},[1404,1408,1413,1417,1421,1425],{"type":14,"tag":259,"props":1405,"children":1406},{"class":318},[1407],{"type":26,"value":321},{"type":14,"tag":259,"props":1409,"children":1410},{"class":266},[1411],{"type":26,"value":1412}," { ref, h } ",{"type":14,"tag":259,"props":1414,"children":1415},{"class":318},[1416],{"type":26,"value":331},{"type":14,"tag":259,"props":1418,"children":1419},{"class":266},[1420],{"type":26,"value":280},{"type":14,"tag":259,"props":1422,"children":1423},{"class":294},[1424],{"type":26,"value":340},{"type":14,"tag":259,"props":1426,"children":1427},{"class":266},[1428],{"type":26,"value":345},{"type":14,"tag":259,"props":1430,"children":1431},{"class":261,"line":348},[1432,1436,1440,1444,1448,1452],{"type":14,"tag":259,"props":1433,"children":1434},{"class":318},[1435],{"type":26,"value":321},{"type":14,"tag":259,"props":1437,"children":1438},{"class":266},[1439],{"type":26,"value":358},{"type":14,"tag":259,"props":1441,"children":1442},{"class":318},[1443],{"type":26,"value":331},{"type":14,"tag":259,"props":1445,"children":1446},{"class":266},[1447],{"type":26,"value":280},{"type":14,"tag":259,"props":1449,"children":1450},{"class":294},[1451],{"type":26,"value":371},{"type":14,"tag":259,"props":1453,"children":1454},{"class":266},[1455],{"type":26,"value":345},{"type":14,"tag":259,"props":1457,"children":1458},{"class":261,"line":378},[1459,1463,1467,1471,1475,1479,1483,1487],{"type":14,"tag":259,"props":1460,"children":1461},{"class":318},[1462],{"type":26,"value":321},{"type":14,"tag":259,"props":1464,"children":1465},{"class":266},[1466],{"type":26,"value":280},{"type":14,"tag":259,"props":1468,"children":1469},{"class":318},[1470],{"type":26,"value":392},{"type":14,"tag":259,"props":1472,"children":1473},{"class":266},[1474],{"type":26,"value":397},{"type":14,"tag":259,"props":1476,"children":1477},{"class":318},[1478],{"type":26,"value":331},{"type":14,"tag":259,"props":1480,"children":1481},{"class":266},[1482],{"type":26,"value":280},{"type":14,"tag":259,"props":1484,"children":1485},{"class":294},[1486],{"type":26,"value":371},{"type":14,"tag":259,"props":1488,"children":1489},{"class":266},[1490],{"type":26,"value":345},{"type":14,"tag":259,"props":1492,"children":1493},{"class":261,"line":416},[1494],{"type":14,"tag":259,"props":1495,"children":1496},{},[1497],{"type":26,"value":422},{"type":14,"tag":259,"props":1499,"children":1500},{"class":261,"line":425},[1501,1505,1509,1513,1517,1521,1525,1529,1533,1537,1541,1545,1549,1553,1558,1563,1568,1573,1577,1581,1585,1589,1593],{"type":14,"tag":259,"props":1502,"children":1503},{"class":318},[1504],{"type":26,"value":431},{"type":14,"tag":259,"props":1506,"children":1507},{"class":266},[1508],{"type":26,"value":280},{"type":14,"tag":259,"props":1510,"children":1511},{"class":283},[1512],{"type":26,"value":441},{"type":14,"tag":259,"props":1514,"children":1515},{"class":318},[1516],{"type":26,"value":1124},{"type":14,"tag":259,"props":1518,"children":1519},{"class":266},[1520],{"type":26,"value":280},{"type":14,"tag":259,"props":1522,"children":1523},{"class":283},[1524],{"type":26,"value":18},{"type":14,"tag":259,"props":1526,"children":1527},{"class":266},[1528],{"type":26,"value":280},{"type":14,"tag":259,"props":1530,"children":1531},{"class":318},[1532],{"type":26,"value":291},{"type":14,"tag":259,"props":1534,"children":1535},{"class":266},[1536],{"type":26,"value":1145},{"type":14,"tag":259,"props":1538,"children":1539},{"class":1148},[1540],{"type":26,"value":184},{"type":14,"tag":259,"props":1542,"children":1543},{"class":266},[1544],{"type":26,"value":1155},{"type":14,"tag":259,"props":1546,"children":1547},{"class":318},[1548],{"type":26,"value":1160},{"type":14,"tag":259,"props":1550,"children":1551},{"class":266},[1552],{"type":26,"value":280},{"type":14,"tag":259,"props":1554,"children":1555},{"class":283},[1556],{"type":26,"value":1557},"h",{"type":14,"tag":259,"props":1559,"children":1560},{"class":266},[1561],{"type":26,"value":1562},"(",{"type":14,"tag":259,"props":1564,"children":1565},{"class":294},[1566],{"type":26,"value":1567},"'strong'",{"type":14,"tag":259,"props":1569,"children":1570},{"class":266},[1571],{"type":26,"value":1572},", {}, ",{"type":14,"tag":259,"props":1574,"children":1575},{"class":294},[1576],{"type":26,"value":1169},{"type":14,"tag":259,"props":1578,"children":1579},{"class":266},[1580],{"type":26,"value":184},{"type":14,"tag":259,"props":1582,"children":1583},{"class":294},[1584],{"type":26,"value":1178},{"type":14,"tag":259,"props":1586,"children":1587},{"class":266},[1588],{"type":26,"value":1183},{"type":14,"tag":259,"props":1590,"children":1591},{"class":294},[1592],{"type":26,"value":1188},{"type":14,"tag":259,"props":1594,"children":1595},{"class":266},[1596],{"type":26,"value":481},{"type":14,"tag":259,"props":1598,"children":1599},{"class":261,"line":484},[1600,1604,1608,1612,1616,1620,1624,1628,1632,1636],{"type":14,"tag":259,"props":1601,"children":1602},{"class":318},[1603],{"type":26,"value":431},{"type":14,"tag":259,"props":1605,"children":1606},{"class":266},[1607],{"type":26,"value":280},{"type":14,"tag":259,"props":1609,"children":1610},{"class":438},[1611],{"type":26,"value":184},{"type":14,"tag":259,"props":1613,"children":1614},{"class":266},[1615],{"type":26,"value":280},{"type":14,"tag":259,"props":1617,"children":1618},{"class":318},[1619],{"type":26,"value":291},{"type":14,"tag":259,"props":1621,"children":1622},{"class":266},[1623],{"type":26,"value":280},{"type":14,"tag":259,"props":1625,"children":1626},{"class":283},[1627],{"type":26,"value":458},{"type":14,"tag":259,"props":1629,"children":1630},{"class":266},[1631],{"type":26,"value":829},{"type":14,"tag":259,"props":1633,"children":1634},{"class":294},[1635],{"type":26,"value":834},{"type":14,"tag":259,"props":1637,"children":1638},{"class":266},[1639],{"type":26,"value":839},{"type":14,"tag":259,"props":1641,"children":1642},{"class":261,"line":501},[1643,1647,1651],{"type":14,"tag":259,"props":1644,"children":1645},{"class":266},[1646],{"type":26,"value":490},{"type":14,"tag":259,"props":1648,"children":1649},{"class":272},[1650],{"type":26,"value":275},{"type":14,"tag":259,"props":1652,"children":1653},{"class":266},[1654],{"type":26,"value":311},{"type":14,"tag":259,"props":1656,"children":1657},{"class":261,"line":518},[1658,1662,1666],{"type":14,"tag":259,"props":1659,"children":1660},{"class":266},[1661],{"type":26,"value":269},{"type":14,"tag":259,"props":1663,"children":1664},{"class":272},[1665],{"type":26,"value":511},{"type":14,"tag":259,"props":1667,"children":1668},{"class":266},[1669],{"type":26,"value":311},{"type":14,"tag":259,"props":1671,"children":1672},{"class":261,"line":555},[1673,1677,1681,1685,1689,1693,1697,1701,1705,1709,1713],{"type":14,"tag":259,"props":1674,"children":1675},{"class":266},[1676],{"type":26,"value":524},{"type":14,"tag":259,"props":1678,"children":1679},{"class":527},[1680],{"type":26,"value":221},{"type":14,"tag":259,"props":1682,"children":1683},{"class":266},[1684],{"type":26,"value":280},{"type":14,"tag":259,"props":1686,"children":1687},{"class":283},[1688],{"type":26,"value":538},{"type":14,"tag":259,"props":1690,"children":1691},{"class":266},[1692],{"type":26,"value":291},{"type":14,"tag":259,"props":1694,"children":1695},{"class":294},[1696],{"type":26,"value":547},{"type":14,"tag":259,"props":1698,"children":1699},{"class":266},[1700],{"type":26,"value":280},{"type":14,"tag":259,"props":1702,"children":1703},{"class":283},[1704],{"type":26,"value":905},{"type":14,"tag":259,"props":1706,"children":1707},{"class":266},[1708],{"type":26,"value":291},{"type":14,"tag":259,"props":1710,"children":1711},{"class":294},[1712],{"type":26,"value":914},{"type":14,"tag":259,"props":1714,"children":1715},{"class":266},[1716],{"type":26,"value":552},{"type":14,"tag":259,"props":1718,"children":1719},{"class":261,"line":921},[1720,1724,1728],{"type":14,"tag":259,"props":1721,"children":1722},{"class":266},[1723],{"type":26,"value":490},{"type":14,"tag":259,"props":1725,"children":1726},{"class":272},[1727],{"type":26,"value":511},{"type":14,"tag":259,"props":1729,"children":1730},{"class":266},[1731],{"type":26,"value":569},{"type":14,"tag":244,"props":1733,"children":1736},{"className":1734,"code":1735,"language":575,"meta":7},[573],"\u003Cstrong>Hello, Alex!\u003C/strong>\n",[1737],{"type":14,"tag":252,"props":1738,"children":1739},{},[1740],{"type":14,"tag":244,"props":1741,"children":1742},{"__ignoreMap":7},[1743],{"type":14,"tag":259,"props":1744,"children":1745},{"class":261,"line":262},[1746,1750,1754,1759,1763],{"type":14,"tag":259,"props":1747,"children":1748},{"class":266},[1749],{"type":26,"value":269},{"type":14,"tag":259,"props":1751,"children":1752},{"class":272},[1753],{"type":26,"value":42},{"type":14,"tag":259,"props":1755,"children":1756},{"class":266},[1757],{"type":26,"value":1758},">Hello, Alex!\u003C/",{"type":14,"tag":259,"props":1760,"children":1761},{"class":272},[1762],{"type":26,"value":42},{"type":14,"tag":259,"props":1764,"children":1765},{"class":266},[1766],{"type":26,"value":569},{"type":14,"tag":238,"props":1768,"children":1770},{"id":1769},"component",[1771],{"type":26,"value":177},{"type":14,"tag":244,"props":1773,"children":1776},{"className":1774,"code":1775,"language":249,"meta":7},[247],"\u003Cscript lang=\"ts\" setup>\nimport { ref, markRaw } from 'vue';\nimport { IRenderResolver } from '@inkline/inkline';\nimport type { Renderable } from '@inkline/inkline';\nimport MyComponent from './MyComponent.vue';\n\nconst renderable: Renderable = markRaw(MyComponent);\nconst ctx = ref({ name: 'Alex' });\n\u003C/script>\n\u003Ctemplate>\n    \u003CIRenderResolver :render=\"renderable\" :ctx=\"ctx\" />\n\u003C/template>\n",[1777],{"type":14,"tag":252,"props":1778,"children":1779},{},[1780],{"type":14,"tag":244,"props":1781,"children":1782},{"__ignoreMap":7},[1783,1822,1850,1877,1912,1941,1948,1997,2040,2055,2070,2117],{"type":14,"tag":259,"props":1784,"children":1785},{"class":261,"line":262},[1786,1790,1794,1798,1802,1806,1810,1814,1818],{"type":14,"tag":259,"props":1787,"children":1788},{"class":266},[1789],{"type":26,"value":269},{"type":14,"tag":259,"props":1791,"children":1792},{"class":272},[1793],{"type":26,"value":275},{"type":14,"tag":259,"props":1795,"children":1796},{"class":266},[1797],{"type":26,"value":280},{"type":14,"tag":259,"props":1799,"children":1800},{"class":283},[1801],{"type":26,"value":286},{"type":14,"tag":259,"props":1803,"children":1804},{"class":266},[1805],{"type":26,"value":291},{"type":14,"tag":259,"props":1807,"children":1808},{"class":294},[1809],{"type":26,"value":297},{"type":14,"tag":259,"props":1811,"children":1812},{"class":266},[1813],{"type":26,"value":280},{"type":14,"tag":259,"props":1815,"children":1816},{"class":283},[1817],{"type":26,"value":306},{"type":14,"tag":259,"props":1819,"children":1820},{"class":266},[1821],{"type":26,"value":311},{"type":14,"tag":259,"props":1823,"children":1824},{"class":261,"line":314},[1825,1829,1834,1838,1842,1846],{"type":14,"tag":259,"props":1826,"children":1827},{"class":318},[1828],{"type":26,"value":321},{"type":14,"tag":259,"props":1830,"children":1831},{"class":266},[1832],{"type":26,"value":1833}," { ref, markRaw } ",{"type":14,"tag":259,"props":1835,"children":1836},{"class":318},[1837],{"type":26,"value":331},{"type":14,"tag":259,"props":1839,"children":1840},{"class":266},[1841],{"type":26,"value":280},{"type":14,"tag":259,"props":1843,"children":1844},{"class":294},[1845],{"type":26,"value":340},{"type":14,"tag":259,"props":1847,"children":1848},{"class":266},[1849],{"type":26,"value":345},{"type":14,"tag":259,"props":1851,"children":1852},{"class":261,"line":348},[1853,1857,1861,1865,1869,1873],{"type":14,"tag":259,"props":1854,"children":1855},{"class":318},[1856],{"type":26,"value":321},{"type":14,"tag":259,"props":1858,"children":1859},{"class":266},[1860],{"type":26,"value":358},{"type":14,"tag":259,"props":1862,"children":1863},{"class":318},[1864],{"type":26,"value":331},{"type":14,"tag":259,"props":1866,"children":1867},{"class":266},[1868],{"type":26,"value":280},{"type":14,"tag":259,"props":1870,"children":1871},{"class":294},[1872],{"type":26,"value":371},{"type":14,"tag":259,"props":1874,"children":1875},{"class":266},[1876],{"type":26,"value":345},{"type":14,"tag":259,"props":1878,"children":1879},{"class":261,"line":378},[1880,1884,1888,1892,1896,1900,1904,1908],{"type":14,"tag":259,"props":1881,"children":1882},{"class":318},[1883],{"type":26,"value":321},{"type":14,"tag":259,"props":1885,"children":1886},{"class":266},[1887],{"type":26,"value":280},{"type":14,"tag":259,"props":1889,"children":1890},{"class":318},[1891],{"type":26,"value":392},{"type":14,"tag":259,"props":1893,"children":1894},{"class":266},[1895],{"type":26,"value":397},{"type":14,"tag":259,"props":1897,"children":1898},{"class":318},[1899],{"type":26,"value":331},{"type":14,"tag":259,"props":1901,"children":1902},{"class":266},[1903],{"type":26,"value":280},{"type":14,"tag":259,"props":1905,"children":1906},{"class":294},[1907],{"type":26,"value":371},{"type":14,"tag":259,"props":1909,"children":1910},{"class":266},[1911],{"type":26,"value":345},{"type":14,"tag":259,"props":1913,"children":1914},{"class":261,"line":416},[1915,1919,1924,1928,1932,1937],{"type":14,"tag":259,"props":1916,"children":1917},{"class":318},[1918],{"type":26,"value":321},{"type":14,"tag":259,"props":1920,"children":1921},{"class":266},[1922],{"type":26,"value":1923}," MyComponent ",{"type":14,"tag":259,"props":1925,"children":1926},{"class":318},[1927],{"type":26,"value":331},{"type":14,"tag":259,"props":1929,"children":1930},{"class":266},[1931],{"type":26,"value":280},{"type":14,"tag":259,"props":1933,"children":1934},{"class":294},[1935],{"type":26,"value":1936},"'./MyComponent.vue'",{"type":14,"tag":259,"props":1938,"children":1939},{"class":266},[1940],{"type":26,"value":345},{"type":14,"tag":259,"props":1942,"children":1943},{"class":261,"line":425},[1944],{"type":14,"tag":259,"props":1945,"children":1946},{},[1947],{"type":26,"value":422},{"type":14,"tag":259,"props":1949,"children":1950},{"class":261,"line":484},[1951,1955,1959,1963,1967,1971,1975,1979,1983,1987,1992],{"type":14,"tag":259,"props":1952,"children":1953},{"class":318},[1954],{"type":26,"value":431},{"type":14,"tag":259,"props":1956,"children":1957},{"class":266},[1958],{"type":26,"value":280},{"type":14,"tag":259,"props":1960,"children":1961},{"class":438},[1962],{"type":26,"value":441},{"type":14,"tag":259,"props":1964,"children":1965},{"class":318},[1966],{"type":26,"value":1124},{"type":14,"tag":259,"props":1968,"children":1969},{"class":266},[1970],{"type":26,"value":280},{"type":14,"tag":259,"props":1972,"children":1973},{"class":283},[1974],{"type":26,"value":18},{"type":14,"tag":259,"props":1976,"children":1977},{"class":266},[1978],{"type":26,"value":280},{"type":14,"tag":259,"props":1980,"children":1981},{"class":318},[1982],{"type":26,"value":291},{"type":14,"tag":259,"props":1984,"children":1985},{"class":266},[1986],{"type":26,"value":280},{"type":14,"tag":259,"props":1988,"children":1989},{"class":283},[1990],{"type":26,"value":1991},"markRaw",{"type":14,"tag":259,"props":1993,"children":1994},{"class":266},[1995],{"type":26,"value":1996},"(MyComponent);\n",{"type":14,"tag":259,"props":1998,"children":1999},{"class":261,"line":501},[2000,2004,2008,2012,2016,2020,2024,2028,2032,2036],{"type":14,"tag":259,"props":2001,"children":2002},{"class":318},[2003],{"type":26,"value":431},{"type":14,"tag":259,"props":2005,"children":2006},{"class":266},[2007],{"type":26,"value":280},{"type":14,"tag":259,"props":2009,"children":2010},{"class":438},[2011],{"type":26,"value":184},{"type":14,"tag":259,"props":2013,"children":2014},{"class":266},[2015],{"type":26,"value":280},{"type":14,"tag":259,"props":2017,"children":2018},{"class":318},[2019],{"type":26,"value":291},{"type":14,"tag":259,"props":2021,"children":2022},{"class":266},[2023],{"type":26,"value":280},{"type":14,"tag":259,"props":2025,"children":2026},{"class":283},[2027],{"type":26,"value":458},{"type":14,"tag":259,"props":2029,"children":2030},{"class":266},[2031],{"type":26,"value":829},{"type":14,"tag":259,"props":2033,"children":2034},{"class":294},[2035],{"type":26,"value":834},{"type":14,"tag":259,"props":2037,"children":2038},{"class":266},[2039],{"type":26,"value":839},{"type":14,"tag":259,"props":2041,"children":2042},{"class":261,"line":518},[2043,2047,2051],{"type":14,"tag":259,"props":2044,"children":2045},{"class":266},[2046],{"type":26,"value":490},{"type":14,"tag":259,"props":2048,"children":2049},{"class":272},[2050],{"type":26,"value":275},{"type":14,"tag":259,"props":2052,"children":2053},{"class":266},[2054],{"type":26,"value":311},{"type":14,"tag":259,"props":2056,"children":2057},{"class":261,"line":555},[2058,2062,2066],{"type":14,"tag":259,"props":2059,"children":2060},{"class":266},[2061],{"type":26,"value":269},{"type":14,"tag":259,"props":2063,"children":2064},{"class":272},[2065],{"type":26,"value":511},{"type":14,"tag":259,"props":2067,"children":2068},{"class":266},[2069],{"type":26,"value":311},{"type":14,"tag":259,"props":2071,"children":2072},{"class":261,"line":921},[2073,2077,2081,2085,2089,2093,2097,2101,2105,2109,2113],{"type":14,"tag":259,"props":2074,"children":2075},{"class":266},[2076],{"type":26,"value":524},{"type":14,"tag":259,"props":2078,"children":2079},{"class":527},[2080],{"type":26,"value":221},{"type":14,"tag":259,"props":2082,"children":2083},{"class":266},[2084],{"type":26,"value":280},{"type":14,"tag":259,"props":2086,"children":2087},{"class":283},[2088],{"type":26,"value":538},{"type":14,"tag":259,"props":2090,"children":2091},{"class":266},[2092],{"type":26,"value":291},{"type":14,"tag":259,"props":2094,"children":2095},{"class":294},[2096],{"type":26,"value":547},{"type":14,"tag":259,"props":2098,"children":2099},{"class":266},[2100],{"type":26,"value":280},{"type":14,"tag":259,"props":2102,"children":2103},{"class":283},[2104],{"type":26,"value":905},{"type":14,"tag":259,"props":2106,"children":2107},{"class":266},[2108],{"type":26,"value":291},{"type":14,"tag":259,"props":2110,"children":2111},{"class":294},[2112],{"type":26,"value":914},{"type":14,"tag":259,"props":2114,"children":2115},{"class":266},[2116],{"type":26,"value":552},{"type":14,"tag":259,"props":2118,"children":2120},{"class":261,"line":2119},12,[2121,2125,2129],{"type":14,"tag":259,"props":2122,"children":2123},{"class":266},[2124],{"type":26,"value":490},{"type":14,"tag":259,"props":2126,"children":2127},{"class":272},[2128],{"type":26,"value":511},{"type":14,"tag":259,"props":2130,"children":2131},{"class":266},[2132],{"type":26,"value":569},{"type":14,"tag":244,"props":2134,"children":2137},{"className":2135,"code":2136,"language":575,"meta":7},[573],"\u003CMyComponent :ctx=\"ctx\" />\n",[2138],{"type":14,"tag":252,"props":2139,"children":2140},{},[2141],{"type":14,"tag":244,"props":2142,"children":2143},{"__ignoreMap":7},[2144],{"type":14,"tag":259,"props":2145,"children":2146},{"class":261,"line":262},[2147,2151,2156,2160,2164,2168,2172],{"type":14,"tag":259,"props":2148,"children":2149},{"class":266},[2150],{"type":26,"value":269},{"type":14,"tag":259,"props":2152,"children":2153},{"class":527},[2154],{"type":26,"value":2155},"MyComponent",{"type":14,"tag":259,"props":2157,"children":2158},{"class":266},[2159],{"type":26,"value":280},{"type":14,"tag":259,"props":2161,"children":2162},{"class":283},[2163],{"type":26,"value":905},{"type":14,"tag":259,"props":2165,"children":2166},{"class":266},[2167],{"type":26,"value":291},{"type":14,"tag":259,"props":2169,"children":2170},{"class":294},[2171],{"type":26,"value":914},{"type":14,"tag":259,"props":2173,"children":2174},{"class":266},[2175],{"type":26,"value":2176}," />",{"type":14,"tag":231,"props":2178,"children":2180},{"id":2179},"props",[2181],{"type":26,"value":2182},"Props",{"type":14,"tag":2184,"props":2185,"children":2186},"content-utility-component-props",{"component":221},[],{"type":14,"tag":2188,"children":2189},"style",[2190],{"type":26,"value":2191},".ct-553616{color:#24292E;}\n.dark-theme .ct-553616{color:#E1E4E8;}\n.ct-914029{color:#22863A;}\n.dark-theme .ct-914029{color:#85E89D;}\n.ct-762058{color:#6F42C1;}\n.dark-theme .ct-762058{color:#B392F0;}\n.ct-952708{color:#032F62;}\n.dark-theme .ct-952708{color:#9ECBFF;}\n.ct-149352{color:#D73A49;}\n.dark-theme .ct-149352{color:#F97583;}\n.ct-617022{color:#005CC5;}\n.dark-theme .ct-617022{color:#79B8FF;}\n.ct-028869{color:#B31D28;font-style:italic;}\n.dark-theme .ct-028869{color:#FDAEB7;font-style:italic;}\n.ct-157101{color:#E36209;}\n.dark-theme .ct-157101{color:#FFAB70;}",{"title":7,"searchDepth":314,"depth":314,"links":2193},[2194],{"id":23,"depth":314,"text":9,"children":2195},[2196],{"id":208,"depth":348,"text":211},"markdown","content:docs:utilities:components:renderable.md","content","docs/utilities/components/renderable.md","md",1794582261954]