[{"data":1,"prerenderedAt":1106},["Reactive",2],{"content-query-7iWKDJv2qp":3},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"_empty":6,"title":8,"description":9,"layout":10,"body":11,"_type":1101,"_id":1102,"_source":1103,"_file":1104,"_extension":1105},"/docs/installation/manual","installation",false,"","Installation - Manual - Inkline","Install Inkline for an application created using any other bundler or framework.","docs",{"type":12,"children":13,"toc":1096},"root",[14,23,29,35,125,466,620,725,1069,1091],{"type":15,"tag":16,"props":17,"children":19},"element","h1",{"id":18},"installation-manual",[20],{"type":21,"value":22},"text","Installation - Manual",{"type":15,"tag":24,"props":25,"children":27},"h2",{"id":26},"install-inkline-for-an-application-created-using-any-other-bundler-or-framework",[28],{"type":21,"value":9},{"type":15,"tag":30,"props":31,"children":32},"h3",{"id":5},[33],{"type":21,"value":34},"Installation",{"type":15,"tag":36,"props":37,"children":41},"div",{"className":38},[39,40],"install-step","_margin-top:2",[42,57,59,65],{"type":15,"tag":36,"props":43,"children":46},{"className":44},[45],"install-step-title",[47,55],{"type":15,"tag":48,"props":49,"children":52},"span",{"className":50},[51],"install-step-number",[53],{"type":21,"value":54},"1",{"type":21,"value":56}," Create a project",{"type":21,"value":58}," \n",{"type":15,"tag":60,"props":61,"children":62},"p",{},[63],{"type":21,"value":64},"Create a new application using a Front End Development Tool that supports modern javascript (or typescript) such as:",{"type":15,"tag":66,"props":67,"children":68},"ul",{},[69,85,95,105,115],{"type":15,"tag":70,"props":71,"children":72},"li",{},[73,83],{"type":15,"tag":74,"props":75,"children":80},"a",{"href":76,"rel":77},"https://vitejs.dev",[78,79],"noopener","nofollow",[81],{"type":21,"value":82},"Vite.js",{"type":21,"value":84}," (recommended)",{"type":15,"tag":70,"props":86,"children":87},{},[88],{"type":15,"tag":74,"props":89,"children":92},{"href":90,"rel":91},"https://webpack.js.org",[78,79],[93],{"type":21,"value":94},"Webpack.js",{"type":15,"tag":70,"props":96,"children":97},{},[98],{"type":15,"tag":74,"props":99,"children":102},{"href":100,"rel":101},"https://astro.build",[78,79],[103],{"type":21,"value":104},"Astro.build",{"type":15,"tag":70,"props":106,"children":107},{},[108],{"type":15,"tag":74,"props":109,"children":112},{"href":110,"rel":111},"https://rollupjs.org",[78,79],[113],{"type":21,"value":114},"Rollup.js",{"type":15,"tag":70,"props":116,"children":117},{},[118],{"type":15,"tag":74,"props":119,"children":122},{"href":120,"rel":121},"https://parceljs.org",[78,79],[123],{"type":21,"value":124},"Parcel.js",{"type":15,"tag":36,"props":126,"children":128},{"className":127},[39],[129,141,157,173,230,238,262,426],{"type":15,"tag":36,"props":130,"children":132},{"className":131},[45],[133,139],{"type":15,"tag":48,"props":134,"children":136},{"className":135},[51],[137],{"type":21,"value":138},"2",{"type":21,"value":140}," Create Configuration File",{"type":15,"tag":60,"props":142,"children":143},{},[144],{"type":15,"tag":145,"props":146,"children":147},"strong",{},[148,150],{"type":21,"value":149},"a. Using the ",{"type":15,"tag":74,"props":151,"children":154},{"href":152,"rel":153},"https://github.com/inkline/cli",[79],[155],{"type":21,"value":156},"Inkline CLI",{"type":15,"tag":60,"props":158,"children":159},{},[160,162,171],{"type":21,"value":161},"Run the following command to generate an ",{"type":15,"tag":145,"props":163,"children":164},{},[165],{"type":15,"tag":166,"props":167,"children":168},"code-inline",{},[169],{"type":21,"value":170},"inkline.config.ts",{"type":21,"value":172}," file.",{"type":15,"tag":174,"props":175,"children":180},"code",{"className":176,"code":178,"language":179,"meta":7},[177],"language-bash","npx inkline init --manual\n","bash",[181],{"type":15,"tag":182,"props":183,"children":184},"pre",{},[185],{"type":15,"tag":174,"props":186,"children":187},{"__ignoreMap":7},[188],{"type":15,"tag":48,"props":189,"children":192},{"class":190,"line":191},"line",1,[193,199,205,211,215,220,224],{"type":15,"tag":48,"props":194,"children":196},{"class":195},"ct-762058",[197],{"type":21,"value":198},"npx",{"type":15,"tag":48,"props":200,"children":202},{"class":201},"ct-553616",[203],{"type":21,"value":204}," ",{"type":15,"tag":48,"props":206,"children":208},{"class":207},"ct-952708",[209],{"type":21,"value":210},"inkline",{"type":15,"tag":48,"props":212,"children":213},{"class":201},[214],{"type":21,"value":204},{"type":15,"tag":48,"props":216,"children":217},{"class":207},[218],{"type":21,"value":219},"init",{"type":15,"tag":48,"props":221,"children":222},{"class":201},[223],{"type":21,"value":204},{"type":15,"tag":48,"props":225,"children":227},{"class":226},"ct-617022",[228],{"type":21,"value":229},"--manual",{"type":15,"tag":60,"props":231,"children":232},{},[233],{"type":15,"tag":145,"props":234,"children":235},{},[236],{"type":21,"value":237},"b. Manually",{"type":15,"tag":60,"props":239,"children":240},{},[241,243,250,252,260],{"type":21,"value":242},"Create an ",{"type":15,"tag":145,"props":244,"children":245},{},[246],{"type":15,"tag":166,"props":247,"children":248},{},[249],{"type":21,"value":170},{"type":21,"value":251}," or  ",{"type":15,"tag":145,"props":253,"children":254},{},[255],{"type":15,"tag":166,"props":256,"children":257},{},[258],{"type":21,"value":259},"inkline.config.js",{"type":21,"value":261}," file in the root of your project and add the following:",{"type":15,"tag":174,"props":263,"children":268},{"className":264,"code":266,"language":267,"meta":7},[265],"language-typescript","import { defineConfig } from '@inkline/config';\n\nexport default defineConfig({\n    theme: {\n        default: {\n            color: {\n                primary: '#178ab0'\n            }\n        }\n    }\n});\n","typescript",[269],{"type":15,"tag":182,"props":270,"children":271},{},[272],{"type":15,"tag":174,"props":273,"children":274},{"__ignoreMap":7},[275,308,317,349,358,367,376,390,399,408,417],{"type":15,"tag":48,"props":276,"children":277},{"class":190,"line":191},[278,284,289,294,298,303],{"type":15,"tag":48,"props":279,"children":281},{"class":280},"ct-149352",[282],{"type":21,"value":283},"import",{"type":15,"tag":48,"props":285,"children":286},{"class":201},[287],{"type":21,"value":288}," { defineConfig } ",{"type":15,"tag":48,"props":290,"children":291},{"class":280},[292],{"type":21,"value":293},"from",{"type":15,"tag":48,"props":295,"children":296},{"class":201},[297],{"type":21,"value":204},{"type":15,"tag":48,"props":299,"children":300},{"class":207},[301],{"type":21,"value":302},"'@inkline/config'",{"type":15,"tag":48,"props":304,"children":305},{"class":201},[306],{"type":21,"value":307},";\n",{"type":15,"tag":48,"props":309,"children":311},{"class":190,"line":310},2,[312],{"type":15,"tag":48,"props":313,"children":314},{},[315],{"type":21,"value":316},"\n",{"type":15,"tag":48,"props":318,"children":320},{"class":190,"line":319},3,[321,326,330,335,339,344],{"type":15,"tag":48,"props":322,"children":323},{"class":280},[324],{"type":21,"value":325},"export",{"type":15,"tag":48,"props":327,"children":328},{"class":201},[329],{"type":21,"value":204},{"type":15,"tag":48,"props":331,"children":332},{"class":280},[333],{"type":21,"value":334},"default",{"type":15,"tag":48,"props":336,"children":337},{"class":201},[338],{"type":21,"value":204},{"type":15,"tag":48,"props":340,"children":341},{"class":195},[342],{"type":21,"value":343},"defineConfig",{"type":15,"tag":48,"props":345,"children":346},{"class":201},[347],{"type":21,"value":348},"({\n",{"type":15,"tag":48,"props":350,"children":352},{"class":190,"line":351},4,[353],{"type":15,"tag":48,"props":354,"children":355},{"class":201},[356],{"type":21,"value":357},"    theme: {\n",{"type":15,"tag":48,"props":359,"children":361},{"class":190,"line":360},5,[362],{"type":15,"tag":48,"props":363,"children":364},{"class":201},[365],{"type":21,"value":366},"        default: {\n",{"type":15,"tag":48,"props":368,"children":370},{"class":190,"line":369},6,[371],{"type":15,"tag":48,"props":372,"children":373},{"class":201},[374],{"type":21,"value":375},"            color: {\n",{"type":15,"tag":48,"props":377,"children":379},{"class":190,"line":378},7,[380,385],{"type":15,"tag":48,"props":381,"children":382},{"class":201},[383],{"type":21,"value":384},"                primary: ",{"type":15,"tag":48,"props":386,"children":387},{"class":207},[388],{"type":21,"value":389},"'#178ab0'\n",{"type":15,"tag":48,"props":391,"children":393},{"class":190,"line":392},8,[394],{"type":15,"tag":48,"props":395,"children":396},{"class":201},[397],{"type":21,"value":398},"            }\n",{"type":15,"tag":48,"props":400,"children":402},{"class":190,"line":401},9,[403],{"type":15,"tag":48,"props":404,"children":405},{"class":201},[406],{"type":21,"value":407},"        }\n",{"type":15,"tag":48,"props":409,"children":411},{"class":190,"line":410},10,[412],{"type":15,"tag":48,"props":413,"children":414},{"class":201},[415],{"type":21,"value":416},"    }\n",{"type":15,"tag":48,"props":418,"children":420},{"class":190,"line":419},11,[421],{"type":15,"tag":48,"props":422,"children":423},{"class":201},[424],{"type":21,"value":425},"});",{"type":15,"tag":427,"props":428,"children":429},"content-alert",{},[430],{"type":15,"tag":60,"props":431,"children":432},{},[433,435,440,442,448,450,455,457,464],{"type":21,"value":434},"If you're using ",{"type":15,"tag":74,"props":436,"children":438},{"href":437},"/docs/installation/vite",[439],{"type":21,"value":82},{"type":21,"value":441},", ",{"type":15,"tag":74,"props":443,"children":445},{"href":444},"/docs/installation/nuxt",[446],{"type":21,"value":447},"Nuxt",{"type":21,"value":449},", or ",{"type":15,"tag":74,"props":451,"children":453},{"href":452},"/docs/installation/webpack",[454],{"type":21,"value":94},{"type":21,"value":456}," please use the official ",{"type":15,"tag":74,"props":458,"children":461},{"href":459,"rel":460},"https://github.com/inkline/plugin",[79],[462],{"type":21,"value":463},"@inkline/plugin",{"type":21,"value":465}," integration. The plugin will automatically rebuild your variables when the config file changes.",{"type":15,"tag":36,"props":467,"children":469},{"className":468},[39],[470,481,482,487,533,538,559],{"type":15,"tag":36,"props":471,"children":473},{"className":472},[45],[474,479],{"type":15,"tag":48,"props":475,"children":477},{"className":476},[51],[478],{"type":21,"value":138},{"type":21,"value":480}," Install Inkline and dependencies",{"type":21,"value":58},{"type":15,"tag":60,"props":483,"children":484},{},[485],{"type":21,"value":486},"Install and save Inkline as a production dependency.",{"type":15,"tag":174,"props":488,"children":491},{"className":489,"code":490,"language":179,"meta":7},[177],"npm install --save @inkline/inkline\n",[492],{"type":15,"tag":182,"props":493,"children":494},{},[495],{"type":15,"tag":174,"props":496,"children":497},{"__ignoreMap":7},[498],{"type":15,"tag":48,"props":499,"children":500},{"class":190,"line":191},[501,506,510,515,519,524,528],{"type":15,"tag":48,"props":502,"children":503},{"class":195},[504],{"type":21,"value":505},"npm",{"type":15,"tag":48,"props":507,"children":508},{"class":201},[509],{"type":21,"value":204},{"type":15,"tag":48,"props":511,"children":512},{"class":207},[513],{"type":21,"value":514},"install",{"type":15,"tag":48,"props":516,"children":517},{"class":201},[518],{"type":21,"value":204},{"type":15,"tag":48,"props":520,"children":521},{"class":226},[522],{"type":21,"value":523},"--save",{"type":15,"tag":48,"props":525,"children":526},{"class":201},[527],{"type":21,"value":204},{"type":15,"tag":48,"props":529,"children":530},{"class":207},[531],{"type":21,"value":532},"@inkline/inkline",{"type":15,"tag":60,"props":534,"children":535},{},[536],{"type":21,"value":537},"Install and save Inkline's development dependencies.",{"type":15,"tag":60,"props":539,"children":540},{},[541,543,550,552,557],{"type":21,"value":542},"Inkline uses ",{"type":15,"tag":74,"props":544,"children":547},{"href":545,"rel":546},"https://sass-lang.com",[79],[548],{"type":21,"value":549},"Sass",{"type":21,"value":551}," to pre-process and compile its SCSS files. Depending on the build tool you're using, you might need to install additional loaders to handle ",{"type":15,"tag":166,"props":553,"children":554},{},[555],{"type":21,"value":556},".scss",{"type":21,"value":558}," files.",{"type":15,"tag":174,"props":560,"children":563},{"className":561,"code":562,"language":179,"meta":7},[177],"npm install --save-dev @inkline/plugin @inkline/config sass\n",[564],{"type":15,"tag":182,"props":565,"children":566},{},[567],{"type":15,"tag":174,"props":568,"children":569},{"__ignoreMap":7},[570],{"type":15,"tag":48,"props":571,"children":572},{"class":190,"line":191},[573,577,581,585,589,594,598,602,606,611,615],{"type":15,"tag":48,"props":574,"children":575},{"class":195},[576],{"type":21,"value":505},{"type":15,"tag":48,"props":578,"children":579},{"class":201},[580],{"type":21,"value":204},{"type":15,"tag":48,"props":582,"children":583},{"class":207},[584],{"type":21,"value":514},{"type":15,"tag":48,"props":586,"children":587},{"class":201},[588],{"type":21,"value":204},{"type":15,"tag":48,"props":590,"children":591},{"class":226},[592],{"type":21,"value":593},"--save-dev",{"type":15,"tag":48,"props":595,"children":596},{"class":201},[597],{"type":21,"value":204},{"type":15,"tag":48,"props":599,"children":600},{"class":207},[601],{"type":21,"value":463},{"type":15,"tag":48,"props":603,"children":604},{"class":201},[605],{"type":21,"value":204},{"type":15,"tag":48,"props":607,"children":608},{"class":207},[609],{"type":21,"value":610},"@inkline/config",{"type":15,"tag":48,"props":612,"children":613},{"class":201},[614],{"type":21,"value":204},{"type":15,"tag":48,"props":616,"children":617},{"class":207},[618],{"type":21,"value":619},"sass",{"type":15,"tag":36,"props":621,"children":623},{"className":622},[39],[624,636,637,648,710],{"type":15,"tag":36,"props":625,"children":627},{"className":626},[45],[628,634],{"type":15,"tag":48,"props":629,"children":631},{"className":630},[51],[632],{"type":21,"value":633},"3",{"type":21,"value":635}," Generate variables",{"type":21,"value":58},{"type":15,"tag":60,"props":638,"children":639},{},[640,642,646],{"type":21,"value":641},"Run the following command to generate ",{"type":15,"tag":166,"props":643,"children":644},{},[645],{"type":21,"value":556},{"type":21,"value":647}," files containing Sass variables from your Inkline config:",{"type":15,"tag":174,"props":649,"children":652},{"className":650,"code":651,"language":179,"meta":7},[177],"npx inkline generate scss -o src/css/variables\n",[653],{"type":15,"tag":182,"props":654,"children":655},{},[656],{"type":15,"tag":174,"props":657,"children":658},{"__ignoreMap":7},[659],{"type":15,"tag":48,"props":660,"children":661},{"class":190,"line":191},[662,666,670,674,678,683,687,692,696,701,705],{"type":15,"tag":48,"props":663,"children":664},{"class":195},[665],{"type":21,"value":198},{"type":15,"tag":48,"props":667,"children":668},{"class":201},[669],{"type":21,"value":204},{"type":15,"tag":48,"props":671,"children":672},{"class":207},[673],{"type":21,"value":210},{"type":15,"tag":48,"props":675,"children":676},{"class":201},[677],{"type":21,"value":204},{"type":15,"tag":48,"props":679,"children":680},{"class":207},[681],{"type":21,"value":682},"generate",{"type":15,"tag":48,"props":684,"children":685},{"class":201},[686],{"type":21,"value":204},{"type":15,"tag":48,"props":688,"children":689},{"class":207},[690],{"type":21,"value":691},"scss",{"type":15,"tag":48,"props":693,"children":694},{"class":201},[695],{"type":21,"value":204},{"type":15,"tag":48,"props":697,"children":698},{"class":226},[699],{"type":21,"value":700},"-o",{"type":15,"tag":48,"props":702,"children":703},{"class":201},[704],{"type":21,"value":204},{"type":15,"tag":48,"props":706,"children":707},{"class":207},[708],{"type":21,"value":709},"src/css/variables",{"type":15,"tag":60,"props":711,"children":712},{},[713,715,723],{"type":21,"value":714},"Optionally, add the command as a script to your ",{"type":15,"tag":145,"props":716,"children":717},{},[718],{"type":15,"tag":166,"props":719,"children":720},{},[721],{"type":21,"value":722},"package.json",{"type":21,"value":724}," file and re-run it every time your config changes.",{"type":15,"tag":36,"props":726,"children":728},{"className":727},[39],[729,741,742,767],{"type":15,"tag":36,"props":730,"children":732},{"className":731},[45],[733,739],{"type":15,"tag":48,"props":734,"children":736},{"className":735},[51],[737],{"type":21,"value":738},"4",{"type":21,"value":740}," Configure your project",{"type":21,"value":58},{"type":15,"tag":60,"props":743,"children":744},{},[745,747,755,757,765],{"type":21,"value":746},"Open your ",{"type":15,"tag":145,"props":748,"children":749},{},[750],{"type":15,"tag":166,"props":751,"children":752},{},[753],{"type":21,"value":754},"src/main.js",{"type":21,"value":756}," or ",{"type":15,"tag":145,"props":758,"children":759},{},[760],{"type":15,"tag":166,"props":761,"children":762},{},[763],{"type":21,"value":764},"src/main.ts",{"type":21,"value":766}," file and configure your application to use Inkline.",{"type":15,"tag":174,"props":768,"children":773},{"className":769,"code":771,"language":772,"meta":7},[770],"language-js","import { createApp } from 'vue';\nimport App from './App.vue';\n\nimport './css/variables/index.scss?inline';\n\nimport { Inkline, components } from '@inkline/inkline';\nimport '@inkline/inkline/css/index.scss?inline';\nimport '@inkline/inkline/css/utilities.scss?inline';\n\nconst app = createApp(App);\n\napp.use(Inkline, {\n    components\n});\n    \napp.mount('#app');\n","js",[774],{"type":15,"tag":182,"props":775,"children":776},{},[777],{"type":15,"tag":174,"props":778,"children":779},{"__ignoreMap":7},[780,809,838,845,865,872,901,921,941,948,988,995,1014,1023,1032,1041],{"type":15,"tag":48,"props":781,"children":782},{"class":190,"line":191},[783,787,792,796,800,805],{"type":15,"tag":48,"props":784,"children":785},{"class":280},[786],{"type":21,"value":283},{"type":15,"tag":48,"props":788,"children":789},{"class":201},[790],{"type":21,"value":791}," { createApp } ",{"type":15,"tag":48,"props":793,"children":794},{"class":280},[795],{"type":21,"value":293},{"type":15,"tag":48,"props":797,"children":798},{"class":201},[799],{"type":21,"value":204},{"type":15,"tag":48,"props":801,"children":802},{"class":207},[803],{"type":21,"value":804},"'vue'",{"type":15,"tag":48,"props":806,"children":807},{"class":201},[808],{"type":21,"value":307},{"type":15,"tag":48,"props":810,"children":811},{"class":190,"line":310},[812,816,821,825,829,834],{"type":15,"tag":48,"props":813,"children":814},{"class":280},[815],{"type":21,"value":283},{"type":15,"tag":48,"props":817,"children":818},{"class":201},[819],{"type":21,"value":820}," App ",{"type":15,"tag":48,"props":822,"children":823},{"class":280},[824],{"type":21,"value":293},{"type":15,"tag":48,"props":826,"children":827},{"class":201},[828],{"type":21,"value":204},{"type":15,"tag":48,"props":830,"children":831},{"class":207},[832],{"type":21,"value":833},"'./App.vue'",{"type":15,"tag":48,"props":835,"children":836},{"class":201},[837],{"type":21,"value":307},{"type":15,"tag":48,"props":839,"children":840},{"class":190,"line":319},[841],{"type":15,"tag":48,"props":842,"children":843},{},[844],{"type":21,"value":316},{"type":15,"tag":48,"props":846,"children":847},{"class":190,"line":351},[848,852,856,861],{"type":15,"tag":48,"props":849,"children":850},{"class":280},[851],{"type":21,"value":283},{"type":15,"tag":48,"props":853,"children":854},{"class":201},[855],{"type":21,"value":204},{"type":15,"tag":48,"props":857,"children":858},{"class":207},[859],{"type":21,"value":860},"'./css/variables/index.scss?inline'",{"type":15,"tag":48,"props":862,"children":863},{"class":201},[864],{"type":21,"value":307},{"type":15,"tag":48,"props":866,"children":867},{"class":190,"line":360},[868],{"type":15,"tag":48,"props":869,"children":870},{},[871],{"type":21,"value":316},{"type":15,"tag":48,"props":873,"children":874},{"class":190,"line":369},[875,879,884,888,892,897],{"type":15,"tag":48,"props":876,"children":877},{"class":280},[878],{"type":21,"value":283},{"type":15,"tag":48,"props":880,"children":881},{"class":201},[882],{"type":21,"value":883}," { Inkline, components } ",{"type":15,"tag":48,"props":885,"children":886},{"class":280},[887],{"type":21,"value":293},{"type":15,"tag":48,"props":889,"children":890},{"class":201},[891],{"type":21,"value":204},{"type":15,"tag":48,"props":893,"children":894},{"class":207},[895],{"type":21,"value":896},"'@inkline/inkline'",{"type":15,"tag":48,"props":898,"children":899},{"class":201},[900],{"type":21,"value":307},{"type":15,"tag":48,"props":902,"children":903},{"class":190,"line":378},[904,908,912,917],{"type":15,"tag":48,"props":905,"children":906},{"class":280},[907],{"type":21,"value":283},{"type":15,"tag":48,"props":909,"children":910},{"class":201},[911],{"type":21,"value":204},{"type":15,"tag":48,"props":913,"children":914},{"class":207},[915],{"type":21,"value":916},"'@inkline/inkline/css/index.scss?inline'",{"type":15,"tag":48,"props":918,"children":919},{"class":201},[920],{"type":21,"value":307},{"type":15,"tag":48,"props":922,"children":923},{"class":190,"line":392},[924,928,932,937],{"type":15,"tag":48,"props":925,"children":926},{"class":280},[927],{"type":21,"value":283},{"type":15,"tag":48,"props":929,"children":930},{"class":201},[931],{"type":21,"value":204},{"type":15,"tag":48,"props":933,"children":934},{"class":207},[935],{"type":21,"value":936},"'@inkline/inkline/css/utilities.scss?inline'",{"type":15,"tag":48,"props":938,"children":939},{"class":201},[940],{"type":21,"value":307},{"type":15,"tag":48,"props":942,"children":943},{"class":190,"line":401},[944],{"type":15,"tag":48,"props":945,"children":946},{},[947],{"type":21,"value":316},{"type":15,"tag":48,"props":949,"children":950},{"class":190,"line":410},[951,956,960,965,969,974,978,983],{"type":15,"tag":48,"props":952,"children":953},{"class":280},[954],{"type":21,"value":955},"const",{"type":15,"tag":48,"props":957,"children":958},{"class":201},[959],{"type":21,"value":204},{"type":15,"tag":48,"props":961,"children":962},{"class":226},[963],{"type":21,"value":964},"app",{"type":15,"tag":48,"props":966,"children":967},{"class":201},[968],{"type":21,"value":204},{"type":15,"tag":48,"props":970,"children":971},{"class":280},[972],{"type":21,"value":973},"=",{"type":15,"tag":48,"props":975,"children":976},{"class":201},[977],{"type":21,"value":204},{"type":15,"tag":48,"props":979,"children":980},{"class":195},[981],{"type":21,"value":982},"createApp",{"type":15,"tag":48,"props":984,"children":985},{"class":201},[986],{"type":21,"value":987},"(App);\n",{"type":15,"tag":48,"props":989,"children":990},{"class":190,"line":419},[991],{"type":15,"tag":48,"props":992,"children":993},{},[994],{"type":21,"value":316},{"type":15,"tag":48,"props":996,"children":998},{"class":190,"line":997},12,[999,1004,1009],{"type":15,"tag":48,"props":1000,"children":1001},{"class":201},[1002],{"type":21,"value":1003},"app.",{"type":15,"tag":48,"props":1005,"children":1006},{"class":195},[1007],{"type":21,"value":1008},"use",{"type":15,"tag":48,"props":1010,"children":1011},{"class":201},[1012],{"type":21,"value":1013},"(Inkline, {\n",{"type":15,"tag":48,"props":1015,"children":1017},{"class":190,"line":1016},13,[1018],{"type":15,"tag":48,"props":1019,"children":1020},{"class":201},[1021],{"type":21,"value":1022},"    components\n",{"type":15,"tag":48,"props":1024,"children":1026},{"class":190,"line":1025},14,[1027],{"type":15,"tag":48,"props":1028,"children":1029},{"class":201},[1030],{"type":21,"value":1031},"});\n",{"type":15,"tag":48,"props":1033,"children":1035},{"class":190,"line":1034},15,[1036],{"type":15,"tag":48,"props":1037,"children":1038},{"class":201},[1039],{"type":21,"value":1040},"    \n",{"type":15,"tag":48,"props":1042,"children":1044},{"class":190,"line":1043},16,[1045,1049,1054,1059,1064],{"type":15,"tag":48,"props":1046,"children":1047},{"class":201},[1048],{"type":21,"value":1003},{"type":15,"tag":48,"props":1050,"children":1051},{"class":195},[1052],{"type":21,"value":1053},"mount",{"type":15,"tag":48,"props":1055,"children":1056},{"class":201},[1057],{"type":21,"value":1058},"(",{"type":15,"tag":48,"props":1060,"children":1061},{"class":207},[1062],{"type":21,"value":1063},"'#app'",{"type":15,"tag":48,"props":1065,"children":1066},{"class":201},[1067],{"type":21,"value":1068},");",{"type":15,"tag":36,"props":1070,"children":1072},{"className":1071},[39],[1073,1085,1086],{"type":15,"tag":36,"props":1074,"children":1076},{"className":1075},[45],[1077,1083],{"type":15,"tag":48,"props":1078,"children":1080},{"className":1079},[51],[1081],{"type":21,"value":1082},"5",{"type":21,"value":1084}," Enjoy using Inkline",{"type":21,"value":58},{"type":15,"tag":60,"props":1087,"children":1088},{},[1089],{"type":21,"value":1090},"Awesome work! You can now start using all the features that Inkline has to offer.",{"type":15,"tag":1092,"children":1093},"style",[1094],{"type":21,"value":1095},".ct-762058{color:#6F42C1;}\n.dark-theme .ct-762058{color:#B392F0;}\n.ct-553616{color:#24292E;}\n.dark-theme .ct-553616{color:#E1E4E8;}\n.ct-952708{color:#032F62;}\n.dark-theme .ct-952708{color:#9ECBFF;}\n.ct-617022{color:#005CC5;}\n.dark-theme .ct-617022{color:#79B8FF;}\n.ct-149352{color:#D73A49;}\n.dark-theme .ct-149352{color:#F97583;}",{"title":7,"searchDepth":310,"depth":310,"links":1097},[1098],{"id":26,"depth":310,"text":9,"children":1099},[1100],{"id":5,"depth":319,"text":34},"markdown","content:docs:installation:manual.md","content","docs/installation/manual.md","md",1794582256721]