[{"data":1,"prerenderedAt":1320},["Reactive",2],{"content-query-BwKFOyb7an":3},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"_empty":6,"title":8,"description":9,"layout":10,"body":11,"_type":1316,"_id":1317,"_source":471,"_file":1318,"_extension":1319},"/docs/installation/cdn","installation",false,"","Installation - CDN - Inkline","Install Inkline using the official JSDelivr CDN integration. The content delivery network (CDN) provides super fast asset delivery from a server that is closest to you.","docs",{"type":12,"children":13,"toc":1311},"root",[14,23,29,35,40,163,170,202,207,240,280,1300,1306],{"type":15,"tag":16,"props":17,"children":19},"element","h1",{"id":18},"installation-cdn",[20],{"type":21,"value":22},"text","Installation - CDN",{"type":15,"tag":24,"props":25,"children":27},"h2",{"id":26},"install-inkline-using-the-official-jsdelivr-cdn-integration-the-content-delivery-network-cdn-provides-super-fast-asset-delivery-from-a-server-that-is-closest-to-you",[28],{"type":21,"value":9},{"type":15,"tag":30,"props":31,"children":32},"p",{},[33],{"type":21,"value":34},"The quickest way to get started, with minimal setup, is to add the files from a CDN.",{"type":15,"tag":30,"props":36,"children":37},{},[38],{"type":21,"value":39},"If you're not using using package managers and build systems and you want to add Inkline to your project, you can import the compiled files from:",{"type":15,"tag":41,"props":42,"children":47},"code",{"className":43,"code":45,"language":46,"meta":7},[44],"language-html","\u003Clink href=\"https://cdn.jsdelivr.net/npm/@inkline/inkline/dist/inkline.css\" rel=\"stylesheet\">\n\u003Cscript src=\"https://cdn.jsdelivr.net/npm/@inkline/inkline/dist/inkline.js\">\u003C/script>\n","html",[48],{"type":15,"tag":49,"props":50,"children":51},"pre",{},[52],{"type":15,"tag":41,"props":53,"children":54},{"__ignoreMap":7},[55,118],{"type":15,"tag":56,"props":57,"children":60},"span",{"class":58,"line":59},"line",1,[61,67,73,78,84,89,95,99,104,108,113],{"type":15,"tag":56,"props":62,"children":64},{"class":63},"ct-553616",[65],{"type":21,"value":66},"\u003C",{"type":15,"tag":56,"props":68,"children":70},{"class":69},"ct-914029",[71],{"type":21,"value":72},"link",{"type":15,"tag":56,"props":74,"children":75},{"class":63},[76],{"type":21,"value":77}," ",{"type":15,"tag":56,"props":79,"children":81},{"class":80},"ct-762058",[82],{"type":21,"value":83},"href",{"type":15,"tag":56,"props":85,"children":86},{"class":63},[87],{"type":21,"value":88},"=",{"type":15,"tag":56,"props":90,"children":92},{"class":91},"ct-952708",[93],{"type":21,"value":94},"\"https://cdn.jsdelivr.net/npm/@inkline/inkline/dist/inkline.css\"",{"type":15,"tag":56,"props":96,"children":97},{"class":63},[98],{"type":21,"value":77},{"type":15,"tag":56,"props":100,"children":101},{"class":80},[102],{"type":21,"value":103},"rel",{"type":15,"tag":56,"props":105,"children":106},{"class":63},[107],{"type":21,"value":88},{"type":15,"tag":56,"props":109,"children":110},{"class":91},[111],{"type":21,"value":112},"\"stylesheet\"",{"type":15,"tag":56,"props":114,"children":115},{"class":63},[116],{"type":21,"value":117},">\n",{"type":15,"tag":56,"props":119,"children":121},{"class":58,"line":120},2,[122,126,131,135,140,144,149,154,158],{"type":15,"tag":56,"props":123,"children":124},{"class":63},[125],{"type":21,"value":66},{"type":15,"tag":56,"props":127,"children":128},{"class":69},[129],{"type":21,"value":130},"script",{"type":15,"tag":56,"props":132,"children":133},{"class":63},[134],{"type":21,"value":77},{"type":15,"tag":56,"props":136,"children":137},{"class":80},[138],{"type":21,"value":139},"src",{"type":15,"tag":56,"props":141,"children":142},{"class":63},[143],{"type":21,"value":88},{"type":15,"tag":56,"props":145,"children":146},{"class":91},[147],{"type":21,"value":148},"\"https://cdn.jsdelivr.net/npm/@inkline/inkline/dist/inkline.js\"",{"type":15,"tag":56,"props":150,"children":151},{"class":63},[152],{"type":21,"value":153},">\u003C/",{"type":15,"tag":56,"props":155,"children":156},{"class":69},[157],{"type":21,"value":130},{"type":15,"tag":56,"props":159,"children":160},{"class":63},[161],{"type":21,"value":162},">",{"type":15,"tag":164,"props":165,"children":167},"h3",{"id":166},"starter-template",[168],{"type":21,"value":169},"Starter Template",{"type":15,"tag":30,"props":171,"children":172},{},[173,175,181,183,200],{"type":21,"value":174},"To quickly test Inkline, copy the code below into your ",{"type":15,"tag":176,"props":177,"children":178},"code-inline",{},[179],{"type":21,"value":180},"index.html",{"type":21,"value":182}," or try it out live on ",{"type":15,"tag":184,"props":185,"children":190},"a",{"href":186,"rel":187,"target":189},"https://stackblitz.com/edit/inkline?file=src/App.vue",[188],"nofollow","_blank",[191,193],{"type":21,"value":192},"StackBlitz ",{"type":15,"tag":56,"props":194,"children":197},{"className":195},[196],"_visually-hidden",[198],{"type":21,"value":199},"(opens new window)",{"type":21,"value":201},". This will pull the latest version of Vue and Inkline, allowing you to start playing around with Vue and Inkline's components.",{"type":15,"tag":30,"props":203,"children":204},{},[205],{"type":21,"value":206},"Be sure to have your pages set up with the latest design and development standards, using an HTML5 doctype and including a viewport meta tag for proper responsive behavior.",{"type":15,"tag":30,"props":208,"children":209},{},[210,212,224,226,238],{"type":21,"value":211},"The files can be browsed and downloaded from a CDN such as ",{"type":15,"tag":184,"props":213,"children":216},{"href":214,"rel":215},"https://unpkg.com/browse/@inkline/inkline@3.0.5/",[188],[217,219],{"type":21,"value":218},"unpkg ",{"type":15,"tag":56,"props":220,"children":222},{"className":221},[196],[223],{"type":21,"value":199},{"type":21,"value":225}," or ",{"type":15,"tag":184,"props":227,"children":230},{"href":228,"rel":229},"https://www.jsdelivr.com/package/npm/@inkline/inkline",[188],[231,233],{"type":21,"value":232},"jsDelivr ",{"type":15,"tag":56,"props":234,"children":236},{"className":235},[196],[237],{"type":21,"value":199},{"type":21,"value":239},". The various different files are explained later but you would typically want to download both a development build and a production build.",{"type":15,"tag":241,"props":242,"children":243},"content-alert",{},[244],{"type":15,"tag":30,"props":245,"children":246},{},[247,249,258,260,268,270,278],{"type":21,"value":248},"Component names need to be written as ",{"type":15,"tag":250,"props":251,"children":252},"strong",{},[253],{"type":15,"tag":176,"props":254,"children":255},{},[256],{"type":21,"value":257},"kebab-case",{"type":21,"value":259}," (e.g. ",{"type":15,"tag":250,"props":261,"children":262},{},[263],{"type":15,"tag":176,"props":264,"children":265},{},[266],{"type":21,"value":267},"i-container",{"type":21,"value":269}," instead of ",{"type":15,"tag":250,"props":271,"children":272},{},[273],{"type":15,"tag":176,"props":274,"children":275},{},[276],{"type":21,"value":277},"IContainer",{"type":21,"value":279},") when loading Vue 3 directly from a CDN.",{"type":15,"tag":41,"props":281,"children":284},{"className":282,"code":283,"language":46,"meta":7},[44],"\u003C!DOCTYPE html>\n\u003Chtml>\n\u003Chead>\n    \u003Cmeta charset=\"utf-8\">\n    \u003Clink href=\"https://unpkg.com/@inkline/inkline@next/inkline.css\" rel=\"stylesheet\">\n    \u003Cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no\">\n\u003C/head>\n\u003Cbody>\n\u003Cdiv id=\"app\">\n    \u003Ci-container>\n        \u003Ci-row>\n            \u003Ci-column>\n                \u003Ch1>\n                    Welcome to Inkline!\n                \u003C/h1>\n                \u003Cp>\n                    This is your starter page. Make sure to read the documentation to learn about what Inkline has to offer.\n                \u003C/p>\n                \u003Ci-button color=\"primary\" href=\"https://inkline.io/docs/introduction\">\n                    Read Documentation\n                \u003C/i-button>\n            \u003C/i-column>\n        \u003C/i-row>\n    \u003C/i-container>\n\u003C/div>\n\u003Cscript src=\"https://unpkg.com/vue@3/dist/vue.global.js\">\u003C/script>\n\u003Cscript src=\"https://unpkg.com/@inkline/inkline@next\">\u003C/script>\n\u003Cscript>\n    const { createApp } = Vue;\n\n    const components = {};\n    Object.keys(Inkline).forEach((key) => {\n        if (/I[A-Z]/.test(key)) {\n            components[key] = Inkline[key];\n        }\n    });\n\n    const app = createApp()\n        .use(Inkline.Inkline, { components })\n        .mount('#app')\n\u003C/script>\n\u003C/body>\n\u003C/html>\n",[285],{"type":15,"tag":49,"props":286,"children":287},{},[288],{"type":15,"tag":41,"props":289,"children":290},{"__ignoreMap":7},[291,316,331,348,384,433,485,502,519,554,570,588,606,623,632,649,665,674,690,742,751,767,784,801,818,834,875,916,932,972,981,1015,1065,1119,1137,1146,1155,1163,1205,1224,1252,1268,1284],{"type":15,"tag":56,"props":292,"children":293},{"class":58,"line":59},[294,299,304,308,312],{"type":15,"tag":56,"props":295,"children":296},{"class":63},[297],{"type":21,"value":298},"\u003C!",{"type":15,"tag":56,"props":300,"children":301},{"class":69},[302],{"type":21,"value":303},"DOCTYPE",{"type":15,"tag":56,"props":305,"children":306},{"class":63},[307],{"type":21,"value":77},{"type":15,"tag":56,"props":309,"children":310},{"class":80},[311],{"type":21,"value":46},{"type":15,"tag":56,"props":313,"children":314},{"class":63},[315],{"type":21,"value":117},{"type":15,"tag":56,"props":317,"children":318},{"class":58,"line":120},[319,323,327],{"type":15,"tag":56,"props":320,"children":321},{"class":63},[322],{"type":21,"value":66},{"type":15,"tag":56,"props":324,"children":325},{"class":69},[326],{"type":21,"value":46},{"type":15,"tag":56,"props":328,"children":329},{"class":63},[330],{"type":21,"value":117},{"type":15,"tag":56,"props":332,"children":334},{"class":58,"line":333},3,[335,339,344],{"type":15,"tag":56,"props":336,"children":337},{"class":63},[338],{"type":21,"value":66},{"type":15,"tag":56,"props":340,"children":341},{"class":69},[342],{"type":21,"value":343},"head",{"type":15,"tag":56,"props":345,"children":346},{"class":63},[347],{"type":21,"value":117},{"type":15,"tag":56,"props":349,"children":351},{"class":58,"line":350},4,[352,357,362,366,371,375,380],{"type":15,"tag":56,"props":353,"children":354},{"class":63},[355],{"type":21,"value":356},"    \u003C",{"type":15,"tag":56,"props":358,"children":359},{"class":69},[360],{"type":21,"value":361},"meta",{"type":15,"tag":56,"props":363,"children":364},{"class":63},[365],{"type":21,"value":77},{"type":15,"tag":56,"props":367,"children":368},{"class":80},[369],{"type":21,"value":370},"charset",{"type":15,"tag":56,"props":372,"children":373},{"class":63},[374],{"type":21,"value":88},{"type":15,"tag":56,"props":376,"children":377},{"class":91},[378],{"type":21,"value":379},"\"utf-8\"",{"type":15,"tag":56,"props":381,"children":382},{"class":63},[383],{"type":21,"value":117},{"type":15,"tag":56,"props":385,"children":387},{"class":58,"line":386},5,[388,392,396,400,404,408,413,417,421,425,429],{"type":15,"tag":56,"props":389,"children":390},{"class":63},[391],{"type":21,"value":356},{"type":15,"tag":56,"props":393,"children":394},{"class":69},[395],{"type":21,"value":72},{"type":15,"tag":56,"props":397,"children":398},{"class":63},[399],{"type":21,"value":77},{"type":15,"tag":56,"props":401,"children":402},{"class":80},[403],{"type":21,"value":83},{"type":15,"tag":56,"props":405,"children":406},{"class":63},[407],{"type":21,"value":88},{"type":15,"tag":56,"props":409,"children":410},{"class":91},[411],{"type":21,"value":412},"\"https://unpkg.com/@inkline/inkline@next/inkline.css\"",{"type":15,"tag":56,"props":414,"children":415},{"class":63},[416],{"type":21,"value":77},{"type":15,"tag":56,"props":418,"children":419},{"class":80},[420],{"type":21,"value":103},{"type":15,"tag":56,"props":422,"children":423},{"class":63},[424],{"type":21,"value":88},{"type":15,"tag":56,"props":426,"children":427},{"class":91},[428],{"type":21,"value":112},{"type":15,"tag":56,"props":430,"children":431},{"class":63},[432],{"type":21,"value":117},{"type":15,"tag":56,"props":434,"children":436},{"class":58,"line":435},6,[437,441,445,449,454,458,463,467,472,476,481],{"type":15,"tag":56,"props":438,"children":439},{"class":63},[440],{"type":21,"value":356},{"type":15,"tag":56,"props":442,"children":443},{"class":69},[444],{"type":21,"value":361},{"type":15,"tag":56,"props":446,"children":447},{"class":63},[448],{"type":21,"value":77},{"type":15,"tag":56,"props":450,"children":451},{"class":80},[452],{"type":21,"value":453},"name",{"type":15,"tag":56,"props":455,"children":456},{"class":63},[457],{"type":21,"value":88},{"type":15,"tag":56,"props":459,"children":460},{"class":91},[461],{"type":21,"value":462},"\"viewport\"",{"type":15,"tag":56,"props":464,"children":465},{"class":63},[466],{"type":21,"value":77},{"type":15,"tag":56,"props":468,"children":469},{"class":80},[470],{"type":21,"value":471},"content",{"type":15,"tag":56,"props":473,"children":474},{"class":63},[475],{"type":21,"value":88},{"type":15,"tag":56,"props":477,"children":478},{"class":91},[479],{"type":21,"value":480},"\"width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no\"",{"type":15,"tag":56,"props":482,"children":483},{"class":63},[484],{"type":21,"value":117},{"type":15,"tag":56,"props":486,"children":488},{"class":58,"line":487},7,[489,494,498],{"type":15,"tag":56,"props":490,"children":491},{"class":63},[492],{"type":21,"value":493},"\u003C/",{"type":15,"tag":56,"props":495,"children":496},{"class":69},[497],{"type":21,"value":343},{"type":15,"tag":56,"props":499,"children":500},{"class":63},[501],{"type":21,"value":117},{"type":15,"tag":56,"props":503,"children":505},{"class":58,"line":504},8,[506,510,515],{"type":15,"tag":56,"props":507,"children":508},{"class":63},[509],{"type":21,"value":66},{"type":15,"tag":56,"props":511,"children":512},{"class":69},[513],{"type":21,"value":514},"body",{"type":15,"tag":56,"props":516,"children":517},{"class":63},[518],{"type":21,"value":117},{"type":15,"tag":56,"props":520,"children":522},{"class":58,"line":521},9,[523,527,532,536,541,545,550],{"type":15,"tag":56,"props":524,"children":525},{"class":63},[526],{"type":21,"value":66},{"type":15,"tag":56,"props":528,"children":529},{"class":69},[530],{"type":21,"value":531},"div",{"type":15,"tag":56,"props":533,"children":534},{"class":63},[535],{"type":21,"value":77},{"type":15,"tag":56,"props":537,"children":538},{"class":80},[539],{"type":21,"value":540},"id",{"type":15,"tag":56,"props":542,"children":543},{"class":63},[544],{"type":21,"value":88},{"type":15,"tag":56,"props":546,"children":547},{"class":91},[548],{"type":21,"value":549},"\"app\"",{"type":15,"tag":56,"props":551,"children":552},{"class":63},[553],{"type":21,"value":117},{"type":15,"tag":56,"props":555,"children":557},{"class":58,"line":556},10,[558,562,566],{"type":15,"tag":56,"props":559,"children":560},{"class":63},[561],{"type":21,"value":356},{"type":15,"tag":56,"props":563,"children":564},{"class":69},[565],{"type":21,"value":267},{"type":15,"tag":56,"props":567,"children":568},{"class":63},[569],{"type":21,"value":117},{"type":15,"tag":56,"props":571,"children":573},{"class":58,"line":572},11,[574,579,584],{"type":15,"tag":56,"props":575,"children":576},{"class":63},[577],{"type":21,"value":578},"        \u003C",{"type":15,"tag":56,"props":580,"children":581},{"class":69},[582],{"type":21,"value":583},"i-row",{"type":15,"tag":56,"props":585,"children":586},{"class":63},[587],{"type":21,"value":117},{"type":15,"tag":56,"props":589,"children":591},{"class":58,"line":590},12,[592,597,602],{"type":15,"tag":56,"props":593,"children":594},{"class":63},[595],{"type":21,"value":596},"            \u003C",{"type":15,"tag":56,"props":598,"children":599},{"class":69},[600],{"type":21,"value":601},"i-column",{"type":15,"tag":56,"props":603,"children":604},{"class":63},[605],{"type":21,"value":117},{"type":15,"tag":56,"props":607,"children":609},{"class":58,"line":608},13,[610,615,619],{"type":15,"tag":56,"props":611,"children":612},{"class":63},[613],{"type":21,"value":614},"                \u003C",{"type":15,"tag":56,"props":616,"children":617},{"class":69},[618],{"type":21,"value":16},{"type":15,"tag":56,"props":620,"children":621},{"class":63},[622],{"type":21,"value":117},{"type":15,"tag":56,"props":624,"children":626},{"class":58,"line":625},14,[627],{"type":15,"tag":56,"props":628,"children":629},{"class":63},[630],{"type":21,"value":631},"                    Welcome to Inkline!\n",{"type":15,"tag":56,"props":633,"children":635},{"class":58,"line":634},15,[636,641,645],{"type":15,"tag":56,"props":637,"children":638},{"class":63},[639],{"type":21,"value":640},"                \u003C/",{"type":15,"tag":56,"props":642,"children":643},{"class":69},[644],{"type":21,"value":16},{"type":15,"tag":56,"props":646,"children":647},{"class":63},[648],{"type":21,"value":117},{"type":15,"tag":56,"props":650,"children":652},{"class":58,"line":651},16,[653,657,661],{"type":15,"tag":56,"props":654,"children":655},{"class":63},[656],{"type":21,"value":614},{"type":15,"tag":56,"props":658,"children":659},{"class":69},[660],{"type":21,"value":30},{"type":15,"tag":56,"props":662,"children":663},{"class":63},[664],{"type":21,"value":117},{"type":15,"tag":56,"props":666,"children":668},{"class":58,"line":667},17,[669],{"type":15,"tag":56,"props":670,"children":671},{"class":63},[672],{"type":21,"value":673},"                    This is your starter page. Make sure to read the documentation to learn about what Inkline has to offer.\n",{"type":15,"tag":56,"props":675,"children":677},{"class":58,"line":676},18,[678,682,686],{"type":15,"tag":56,"props":679,"children":680},{"class":63},[681],{"type":21,"value":640},{"type":15,"tag":56,"props":683,"children":684},{"class":69},[685],{"type":21,"value":30},{"type":15,"tag":56,"props":687,"children":688},{"class":63},[689],{"type":21,"value":117},{"type":15,"tag":56,"props":691,"children":693},{"class":58,"line":692},19,[694,698,703,707,712,716,721,725,729,733,738],{"type":15,"tag":56,"props":695,"children":696},{"class":63},[697],{"type":21,"value":614},{"type":15,"tag":56,"props":699,"children":700},{"class":69},[701],{"type":21,"value":702},"i-button",{"type":15,"tag":56,"props":704,"children":705},{"class":63},[706],{"type":21,"value":77},{"type":15,"tag":56,"props":708,"children":709},{"class":80},[710],{"type":21,"value":711},"color",{"type":15,"tag":56,"props":713,"children":714},{"class":63},[715],{"type":21,"value":88},{"type":15,"tag":56,"props":717,"children":718},{"class":91},[719],{"type":21,"value":720},"\"primary\"",{"type":15,"tag":56,"props":722,"children":723},{"class":63},[724],{"type":21,"value":77},{"type":15,"tag":56,"props":726,"children":727},{"class":80},[728],{"type":21,"value":83},{"type":15,"tag":56,"props":730,"children":731},{"class":63},[732],{"type":21,"value":88},{"type":15,"tag":56,"props":734,"children":735},{"class":91},[736],{"type":21,"value":737},"\"https://inkline.io/docs/introduction\"",{"type":15,"tag":56,"props":739,"children":740},{"class":63},[741],{"type":21,"value":117},{"type":15,"tag":56,"props":743,"children":745},{"class":58,"line":744},20,[746],{"type":15,"tag":56,"props":747,"children":748},{"class":63},[749],{"type":21,"value":750},"                    Read Documentation\n",{"type":15,"tag":56,"props":752,"children":754},{"class":58,"line":753},21,[755,759,763],{"type":15,"tag":56,"props":756,"children":757},{"class":63},[758],{"type":21,"value":640},{"type":15,"tag":56,"props":760,"children":761},{"class":69},[762],{"type":21,"value":702},{"type":15,"tag":56,"props":764,"children":765},{"class":63},[766],{"type":21,"value":117},{"type":15,"tag":56,"props":768,"children":770},{"class":58,"line":769},22,[771,776,780],{"type":15,"tag":56,"props":772,"children":773},{"class":63},[774],{"type":21,"value":775},"            \u003C/",{"type":15,"tag":56,"props":777,"children":778},{"class":69},[779],{"type":21,"value":601},{"type":15,"tag":56,"props":781,"children":782},{"class":63},[783],{"type":21,"value":117},{"type":15,"tag":56,"props":785,"children":787},{"class":58,"line":786},23,[788,793,797],{"type":15,"tag":56,"props":789,"children":790},{"class":63},[791],{"type":21,"value":792},"        \u003C/",{"type":15,"tag":56,"props":794,"children":795},{"class":69},[796],{"type":21,"value":583},{"type":15,"tag":56,"props":798,"children":799},{"class":63},[800],{"type":21,"value":117},{"type":15,"tag":56,"props":802,"children":804},{"class":58,"line":803},24,[805,810,814],{"type":15,"tag":56,"props":806,"children":807},{"class":63},[808],{"type":21,"value":809},"    \u003C/",{"type":15,"tag":56,"props":811,"children":812},{"class":69},[813],{"type":21,"value":267},{"type":15,"tag":56,"props":815,"children":816},{"class":63},[817],{"type":21,"value":117},{"type":15,"tag":56,"props":819,"children":821},{"class":58,"line":820},25,[822,826,830],{"type":15,"tag":56,"props":823,"children":824},{"class":63},[825],{"type":21,"value":493},{"type":15,"tag":56,"props":827,"children":828},{"class":69},[829],{"type":21,"value":531},{"type":15,"tag":56,"props":831,"children":832},{"class":63},[833],{"type":21,"value":117},{"type":15,"tag":56,"props":835,"children":837},{"class":58,"line":836},26,[838,842,846,850,854,858,863,867,871],{"type":15,"tag":56,"props":839,"children":840},{"class":63},[841],{"type":21,"value":66},{"type":15,"tag":56,"props":843,"children":844},{"class":69},[845],{"type":21,"value":130},{"type":15,"tag":56,"props":847,"children":848},{"class":63},[849],{"type":21,"value":77},{"type":15,"tag":56,"props":851,"children":852},{"class":80},[853],{"type":21,"value":139},{"type":15,"tag":56,"props":855,"children":856},{"class":63},[857],{"type":21,"value":88},{"type":15,"tag":56,"props":859,"children":860},{"class":91},[861],{"type":21,"value":862},"\"https://unpkg.com/vue@3/dist/vue.global.js\"",{"type":15,"tag":56,"props":864,"children":865},{"class":63},[866],{"type":21,"value":153},{"type":15,"tag":56,"props":868,"children":869},{"class":69},[870],{"type":21,"value":130},{"type":15,"tag":56,"props":872,"children":873},{"class":63},[874],{"type":21,"value":117},{"type":15,"tag":56,"props":876,"children":878},{"class":58,"line":877},27,[879,883,887,891,895,899,904,908,912],{"type":15,"tag":56,"props":880,"children":881},{"class":63},[882],{"type":21,"value":66},{"type":15,"tag":56,"props":884,"children":885},{"class":69},[886],{"type":21,"value":130},{"type":15,"tag":56,"props":888,"children":889},{"class":63},[890],{"type":21,"value":77},{"type":15,"tag":56,"props":892,"children":893},{"class":80},[894],{"type":21,"value":139},{"type":15,"tag":56,"props":896,"children":897},{"class":63},[898],{"type":21,"value":88},{"type":15,"tag":56,"props":900,"children":901},{"class":91},[902],{"type":21,"value":903},"\"https://unpkg.com/@inkline/inkline@next\"",{"type":15,"tag":56,"props":905,"children":906},{"class":63},[907],{"type":21,"value":153},{"type":15,"tag":56,"props":909,"children":910},{"class":69},[911],{"type":21,"value":130},{"type":15,"tag":56,"props":913,"children":914},{"class":63},[915],{"type":21,"value":117},{"type":15,"tag":56,"props":917,"children":919},{"class":58,"line":918},28,[920,924,928],{"type":15,"tag":56,"props":921,"children":922},{"class":63},[923],{"type":21,"value":66},{"type":15,"tag":56,"props":925,"children":926},{"class":69},[927],{"type":21,"value":130},{"type":15,"tag":56,"props":929,"children":930},{"class":63},[931],{"type":21,"value":117},{"type":15,"tag":56,"props":933,"children":935},{"class":58,"line":934},29,[936,941,947,952,958,963,967],{"type":15,"tag":56,"props":937,"children":938},{"class":63},[939],{"type":21,"value":940},"    ",{"type":15,"tag":56,"props":942,"children":944},{"class":943},"ct-149352",[945],{"type":21,"value":946},"const",{"type":15,"tag":56,"props":948,"children":949},{"class":63},[950],{"type":21,"value":951}," { ",{"type":15,"tag":56,"props":953,"children":955},{"class":954},"ct-617022",[956],{"type":21,"value":957},"createApp",{"type":15,"tag":56,"props":959,"children":960},{"class":63},[961],{"type":21,"value":962}," } ",{"type":15,"tag":56,"props":964,"children":965},{"class":943},[966],{"type":21,"value":88},{"type":15,"tag":56,"props":968,"children":969},{"class":63},[970],{"type":21,"value":971}," Vue;\n",{"type":15,"tag":56,"props":973,"children":975},{"class":58,"line":974},30,[976],{"type":15,"tag":56,"props":977,"children":978},{},[979],{"type":21,"value":980},"\n",{"type":15,"tag":56,"props":982,"children":984},{"class":58,"line":983},31,[985,989,993,997,1002,1006,1010],{"type":15,"tag":56,"props":986,"children":987},{"class":63},[988],{"type":21,"value":940},{"type":15,"tag":56,"props":990,"children":991},{"class":943},[992],{"type":21,"value":946},{"type":15,"tag":56,"props":994,"children":995},{"class":63},[996],{"type":21,"value":77},{"type":15,"tag":56,"props":998,"children":999},{"class":954},[1000],{"type":21,"value":1001},"components",{"type":15,"tag":56,"props":1003,"children":1004},{"class":63},[1005],{"type":21,"value":77},{"type":15,"tag":56,"props":1007,"children":1008},{"class":943},[1009],{"type":21,"value":88},{"type":15,"tag":56,"props":1011,"children":1012},{"class":63},[1013],{"type":21,"value":1014}," {};\n",{"type":15,"tag":56,"props":1016,"children":1018},{"class":58,"line":1017},32,[1019,1024,1029,1034,1039,1044,1050,1055,1060],{"type":15,"tag":56,"props":1020,"children":1021},{"class":63},[1022],{"type":21,"value":1023},"    Object.",{"type":15,"tag":56,"props":1025,"children":1026},{"class":80},[1027],{"type":21,"value":1028},"keys",{"type":15,"tag":56,"props":1030,"children":1031},{"class":63},[1032],{"type":21,"value":1033},"(Inkline).",{"type":15,"tag":56,"props":1035,"children":1036},{"class":80},[1037],{"type":21,"value":1038},"forEach",{"type":15,"tag":56,"props":1040,"children":1041},{"class":63},[1042],{"type":21,"value":1043},"((",{"type":15,"tag":56,"props":1045,"children":1047},{"class":1046},"ct-157101",[1048],{"type":21,"value":1049},"key",{"type":15,"tag":56,"props":1051,"children":1052},{"class":63},[1053],{"type":21,"value":1054},") ",{"type":15,"tag":56,"props":1056,"children":1057},{"class":943},[1058],{"type":21,"value":1059},"=>",{"type":15,"tag":56,"props":1061,"children":1062},{"class":63},[1063],{"type":21,"value":1064}," {\n",{"type":15,"tag":56,"props":1066,"children":1068},{"class":58,"line":1067},33,[1069,1074,1079,1084,1089,1095,1100,1104,1109,1114],{"type":15,"tag":56,"props":1070,"children":1071},{"class":63},[1072],{"type":21,"value":1073},"        ",{"type":15,"tag":56,"props":1075,"children":1076},{"class":943},[1077],{"type":21,"value":1078},"if",{"type":15,"tag":56,"props":1080,"children":1081},{"class":63},[1082],{"type":21,"value":1083}," (",{"type":15,"tag":56,"props":1085,"children":1086},{"class":91},[1087],{"type":21,"value":1088},"/",{"type":15,"tag":56,"props":1090,"children":1092},{"class":1091},"ct-672362",[1093],{"type":21,"value":1094},"I",{"type":15,"tag":56,"props":1096,"children":1097},{"class":954},[1098],{"type":21,"value":1099},"[A-Z]",{"type":15,"tag":56,"props":1101,"children":1102},{"class":91},[1103],{"type":21,"value":1088},{"type":15,"tag":56,"props":1105,"children":1106},{"class":63},[1107],{"type":21,"value":1108},".",{"type":15,"tag":56,"props":1110,"children":1111},{"class":80},[1112],{"type":21,"value":1113},"test",{"type":15,"tag":56,"props":1115,"children":1116},{"class":63},[1117],{"type":21,"value":1118},"(key)) {\n",{"type":15,"tag":56,"props":1120,"children":1122},{"class":58,"line":1121},34,[1123,1128,1132],{"type":15,"tag":56,"props":1124,"children":1125},{"class":63},[1126],{"type":21,"value":1127},"            components[key] ",{"type":15,"tag":56,"props":1129,"children":1130},{"class":943},[1131],{"type":21,"value":88},{"type":15,"tag":56,"props":1133,"children":1134},{"class":63},[1135],{"type":21,"value":1136}," Inkline[key];\n",{"type":15,"tag":56,"props":1138,"children":1140},{"class":58,"line":1139},35,[1141],{"type":15,"tag":56,"props":1142,"children":1143},{"class":63},[1144],{"type":21,"value":1145},"        }\n",{"type":15,"tag":56,"props":1147,"children":1149},{"class":58,"line":1148},36,[1150],{"type":15,"tag":56,"props":1151,"children":1152},{"class":63},[1153],{"type":21,"value":1154},"    });\n",{"type":15,"tag":56,"props":1156,"children":1158},{"class":58,"line":1157},37,[1159],{"type":15,"tag":56,"props":1160,"children":1161},{},[1162],{"type":21,"value":980},{"type":15,"tag":56,"props":1164,"children":1166},{"class":58,"line":1165},38,[1167,1171,1175,1179,1184,1188,1192,1196,1200],{"type":15,"tag":56,"props":1168,"children":1169},{"class":63},[1170],{"type":21,"value":940},{"type":15,"tag":56,"props":1172,"children":1173},{"class":943},[1174],{"type":21,"value":946},{"type":15,"tag":56,"props":1176,"children":1177},{"class":63},[1178],{"type":21,"value":77},{"type":15,"tag":56,"props":1180,"children":1181},{"class":954},[1182],{"type":21,"value":1183},"app",{"type":15,"tag":56,"props":1185,"children":1186},{"class":63},[1187],{"type":21,"value":77},{"type":15,"tag":56,"props":1189,"children":1190},{"class":943},[1191],{"type":21,"value":88},{"type":15,"tag":56,"props":1193,"children":1194},{"class":63},[1195],{"type":21,"value":77},{"type":15,"tag":56,"props":1197,"children":1198},{"class":80},[1199],{"type":21,"value":957},{"type":15,"tag":56,"props":1201,"children":1202},{"class":63},[1203],{"type":21,"value":1204},"()\n",{"type":15,"tag":56,"props":1206,"children":1208},{"class":58,"line":1207},39,[1209,1214,1219],{"type":15,"tag":56,"props":1210,"children":1211},{"class":63},[1212],{"type":21,"value":1213},"        .",{"type":15,"tag":56,"props":1215,"children":1216},{"class":80},[1217],{"type":21,"value":1218},"use",{"type":15,"tag":56,"props":1220,"children":1221},{"class":63},[1222],{"type":21,"value":1223},"(Inkline.Inkline, { components })\n",{"type":15,"tag":56,"props":1225,"children":1227},{"class":58,"line":1226},40,[1228,1232,1237,1242,1247],{"type":15,"tag":56,"props":1229,"children":1230},{"class":63},[1231],{"type":21,"value":1213},{"type":15,"tag":56,"props":1233,"children":1234},{"class":80},[1235],{"type":21,"value":1236},"mount",{"type":15,"tag":56,"props":1238,"children":1239},{"class":63},[1240],{"type":21,"value":1241},"(",{"type":15,"tag":56,"props":1243,"children":1244},{"class":91},[1245],{"type":21,"value":1246},"'#app'",{"type":15,"tag":56,"props":1248,"children":1249},{"class":63},[1250],{"type":21,"value":1251},")\n",{"type":15,"tag":56,"props":1253,"children":1255},{"class":58,"line":1254},41,[1256,1260,1264],{"type":15,"tag":56,"props":1257,"children":1258},{"class":63},[1259],{"type":21,"value":493},{"type":15,"tag":56,"props":1261,"children":1262},{"class":69},[1263],{"type":21,"value":130},{"type":15,"tag":56,"props":1265,"children":1266},{"class":63},[1267],{"type":21,"value":117},{"type":15,"tag":56,"props":1269,"children":1271},{"class":58,"line":1270},42,[1272,1276,1280],{"type":15,"tag":56,"props":1273,"children":1274},{"class":63},[1275],{"type":21,"value":493},{"type":15,"tag":56,"props":1277,"children":1278},{"class":69},[1279],{"type":21,"value":514},{"type":15,"tag":56,"props":1281,"children":1282},{"class":63},[1283],{"type":21,"value":117},{"type":15,"tag":56,"props":1285,"children":1287},{"class":58,"line":1286},43,[1288,1292,1296],{"type":15,"tag":56,"props":1289,"children":1290},{"class":63},[1291],{"type":21,"value":493},{"type":15,"tag":56,"props":1293,"children":1294},{"class":69},[1295],{"type":21,"value":46},{"type":15,"tag":56,"props":1297,"children":1298},{"class":63},[1299],{"type":21,"value":162},{"type":15,"tag":1301,"props":1302,"children":1305},"content-link-card",{"src":1303,"title":1304,"to":186},"/assets/images/environments/cdn.svg","Try on StackBlitz",[],{"type":15,"tag":1307,"children":1308},"style",[1309],{"type":21,"value":1310},".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-157101{color:#E36209;}\n.dark-theme .ct-157101{color:#FFAB70;}\n.ct-672362{color:#032F62;}\n.dark-theme .ct-672362{color:#DBEDFF;}",{"title":7,"searchDepth":120,"depth":120,"links":1312},[1313],{"id":26,"depth":120,"text":9,"children":1314},[1315],{"id":166,"depth":333,"text":169},"markdown","content:docs:installation:cdn.md","docs/installation/cdn.md","md",1794582256756]