\n \u003Cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\n \u003Ctitle>Hello Mintkit\u003C/title>\n\n \u003Clink rel=\"dns-prefetch\" href=\"//mint-teams.web.app\" />\n \u003Clink rel=\"preconnect\" href=\"https://mint-teams.web.app\" crossorigin />\n \u003Clink\n rel=\"modulepreload\"\n href=\"https://mint-teams.web.app/Mintkit/mint.js\"\n />\n \u003C/head>\n \u003Cbody>\n \u003Cdiv id=\"app\">\u003C/div>\n\n \u003Cscript type=\"module\">\n import { Mint } from 'https://mint-teams.web.app/Mintkit/mint.js';\n\n const app = `\n \u003Ch1>Hello, Mintkit!\u003C/h1>\n `;\n\n queueMicrotask(() => Mint.injectHTML('#app', app));\n \u003C/script>\n \u003C/body>\n\u003C/html>\n","html","",[44,45,46,55,62,80,100,111,131,156,171,176,202,228,236,247,258,264,274,284,307,312,330,349,354,370,376,384,389,416,426,435],"code",{"__ignoreMap":42},[47,48,51],"span",{"class":49,"line":50},"line",1,[47,52,54],{"class":53},"sJ8bj","\u003C!-- index.html -->\n",[47,56,58],{"class":49,"line":57},2,[47,59,61],{"emptyLinePlaceholder":60},true,"\n",[47,63,65,69,73,77],{"class":49,"line":64},3,[47,66,68],{"class":67},"sVt8B","\u003C!",[47,70,72],{"class":71},"s9eBZ","DOCTYPE",[47,74,76],{"class":75},"sScJk"," html",[47,78,79],{"class":67},">\n",[47,81,83,86,88,91,94,98],{"class":49,"line":82},4,[47,84,85],{"class":67},"\u003C",[47,87,41],{"class":71},[47,89,90],{"class":75}," lang",[47,92,93],{"class":67},"=",[47,95,97],{"class":96},"sZZnC","\"en\"",[47,99,79],{"class":67},[47,101,103,106,109],{"class":49,"line":102},5,[47,104,105],{"class":67}," \u003C",[47,107,108],{"class":71},"head",[47,110,79],{"class":67},[47,112,114,117,120,123,125,128],{"class":49,"line":113},6,[47,115,116],{"class":67}," \u003C",[47,118,119],{"class":71},"meta",[47,121,122],{"class":75}," charset",[47,124,93],{"class":67},[47,126,127],{"class":96},"\"UTF-8\"",[47,129,130],{"class":67}," />\n",[47,132,134,136,138,141,143,146,149,151,154],{"class":49,"line":133},7,[47,135,116],{"class":67},[47,137,119],{"class":71},[47,139,140],{"class":75}," name",[47,142,93],{"class":67},[47,144,145],{"class":96},"\"viewport\"",[47,147,148],{"class":75}," content",[47,150,93],{"class":67},[47,152,153],{"class":96},"\"width=device-width, initial-scale=1\"",[47,155,130],{"class":67},[47,157,159,161,164,167,169],{"class":49,"line":158},8,[47,160,116],{"class":67},[47,162,163],{"class":71},"title",[47,165,166],{"class":67},">Hello Mintkit\u003C/",[47,168,163],{"class":71},[47,170,79],{"class":67},[47,172,174],{"class":49,"line":173},9,[47,175,61],{"emptyLinePlaceholder":60},[47,177,179,181,184,187,189,192,195,197,200],{"class":49,"line":178},10,[47,180,116],{"class":67},[47,182,183],{"class":71},"link",[47,185,186],{"class":75}," rel",[47,188,93],{"class":67},[47,190,191],{"class":96},"\"dns-prefetch\"",[47,193,194],{"class":75}," href",[47,196,93],{"class":67},[47,198,199],{"class":96},"\"//mint-teams.web.app\"",[47,201,130],{"class":67},[47,203,205,207,209,211,213,216,218,220,223,226],{"class":49,"line":204},11,[47,206,116],{"class":67},[47,208,183],{"class":71},[47,210,186],{"class":75},[47,212,93],{"class":67},[47,214,215],{"class":96},"\"preconnect\"",[47,217,194],{"class":75},[47,219,93],{"class":67},[47,221,222],{"class":96},"\"https://mint-teams.web.app\"",[47,224,225],{"class":75}," crossorigin",[47,227,130],{"class":67},[47,229,231,233],{"class":49,"line":230},12,[47,232,116],{"class":67},[47,234,235],{"class":71},"link\n",[47,237,239,242,244],{"class":49,"line":238},13,[47,240,241],{"class":75}," rel",[47,243,93],{"class":67},[47,245,246],{"class":96},"\"modulepreload\"\n",[47,248,250,253,255],{"class":49,"line":249},14,[47,251,252],{"class":75}," href",[47,254,93],{"class":67},[47,256,257],{"class":96},"\"https://mint-teams.web.app/Mintkit/mint.js\"\n",[47,259,261],{"class":49,"line":260},15,[47,262,263],{"class":67}," />\n",[47,265,267,270,272],{"class":49,"line":266},16,[47,268,269],{"class":67}," \u003C/",[47,271,108],{"class":71},[47,273,79],{"class":67},[47,275,277,279,282],{"class":49,"line":276},17,[47,278,105],{"class":67},[47,280,281],{"class":71},"body",[47,283,79],{"class":67},[47,285,287,289,292,295,297,300,303,305],{"class":49,"line":286},18,[47,288,116],{"class":67},[47,290,291],{"class":71},"div",[47,293,294],{"class":75}," id",[47,296,93],{"class":67},[47,298,299],{"class":96},"\"app\"",[47,301,302],{"class":67},">\u003C/",[47,304,291],{"class":71},[47,306,79],{"class":67},[47,308,310],{"class":49,"line":309},19,[47,311,61],{"emptyLinePlaceholder":60},[47,313,315,317,320,323,325,328],{"class":49,"line":314},20,[47,316,116],{"class":67},[47,318,319],{"class":71},"script",[47,321,322],{"class":75}," type",[47,324,93],{"class":67},[47,326,327],{"class":96},"\"module\"",[47,329,79],{"class":67},[47,331,333,337,340,343,346],{"class":49,"line":332},21,[47,334,336],{"class":335},"szBVR"," import",[47,338,339],{"class":67}," { Mint } ",[47,341,342],{"class":335},"from",[47,344,345],{"class":96}," 'https://mint-teams.web.app/Mintkit/mint.js'",[47,347,348],{"class":67},";\n",[47,350,352],{"class":49,"line":351},22,[47,353,61],{"emptyLinePlaceholder":60},[47,355,357,360,364,367],{"class":49,"line":356},23,[47,358,359],{"class":335}," const",[47,361,363],{"class":362},"sj4cs"," app",[47,365,366],{"class":335}," =",[47,368,369],{"class":96}," `\n",[47,371,373],{"class":49,"line":372},24,[47,374,375],{"class":96}," \u003Ch1>Hello, Mintkit!\u003C/h1>\n",[47,377,379,382],{"class":49,"line":378},25,[47,380,381],{"class":96}," `",[47,383,348],{"class":67},[47,385,387],{"class":49,"line":386},26,[47,388,61],{"emptyLinePlaceholder":60},[47,390,392,395,398,401,404,407,410,413],{"class":49,"line":391},27,[47,393,394],{"class":75}," queueMicrotask",[47,396,397],{"class":67},"(() ",[47,399,400],{"class":335},"=>",[47,402,403],{"class":67}," Mint.",[47,405,406],{"class":75},"injectHTML",[47,408,409],{"class":67},"(",[47,411,412],{"class":96},"'#app'",[47,414,415],{"class":67},", app));\n",[47,417,419,422,424],{"class":49,"line":418},28,[47,420,421],{"class":67}," \u003C/",[47,423,319],{"class":71},[47,425,79],{"class":67},[47,427,429,431,433],{"class":49,"line":428},29,[47,430,269],{"class":67},[47,432,281],{"class":71},[47,434,79],{"class":67},[47,436,438,441,443],{"class":49,"line":437},30,[47,439,440],{"class":67},"\u003C/",[47,442,41],{"class":71},[47,444,79],{"class":67},[446,447],"hr",{},[32,449,451],{"id":450},"_2-add-content-in-separate-files","2. Add Content in Separate Files",[11,453,454,455,461],{},"Create a file ",[456,457,458],"strong",{},[44,459,460],{},"content.js"," to write your HTML and CSS separately.",[37,463,467],{"className":464,"code":465,"language":466,"meta":42,"style":42},"language-js shiki shiki-themes github-light github-dark","// content.js\n\nexport const Content = {\n components: `\n \u003C!-- Write your HTML here -->\n \u003Cbutton>Hello Mintkit\u003C/button>\n `,\n stylesheet: `\n /* Write your CSS here */\n button {\n padding: 1rem 2rem;\n background-color: #34d399;\n color: white;\n border: none;\n border-radius: 8px;\n cursor: pointer;\n }\n `,\n};\n","js",[44,468,469,474,478,494,502,507,512,520,527,532,537,542,547,552,557,562,567,572,578],{"__ignoreMap":42},[47,470,471],{"class":49,"line":50},[47,472,473],{"class":53},"// content.js\n",[47,475,476],{"class":49,"line":57},[47,477,61],{"emptyLinePlaceholder":60},[47,479,480,483,486,489,491],{"class":49,"line":64},[47,481,482],{"class":335},"export",[47,484,485],{"class":335}," const",[47,487,488],{"class":362}," Content",[47,490,366],{"class":335},[47,492,493],{"class":67}," {\n",[47,495,496,499],{"class":49,"line":82},[47,497,498],{"class":67}," components: ",[47,500,501],{"class":96},"`\n",[47,503,504],{"class":49,"line":102},[47,505,506],{"class":96}," \u003C!-- Write your HTML here -->\n",[47,508,509],{"class":49,"line":113},[47,510,511],{"class":96}," \u003Cbutton>Hello Mintkit\u003C/button>\n",[47,513,514,517],{"class":49,"line":133},[47,515,516],{"class":96}," `",[47,518,519],{"class":67},",\n",[47,521,522,525],{"class":49,"line":158},[47,523,524],{"class":67}," stylesheet: ",[47,526,501],{"class":96},[47,528,529],{"class":49,"line":173},[47,530,531],{"class":96}," /* Write your CSS here */\n",[47,533,534],{"class":49,"line":178},[47,535,536],{"class":96}," button {\n",[47,538,539],{"class":49,"line":204},[47,540,541],{"class":96}," padding: 1rem 2rem;\n",[47,543,544],{"class":49,"line":230},[47,545,546],{"class":96}," background-color: #34d399;\n",[47,548,549],{"class":49,"line":238},[47,550,551],{"class":96}," color: white;\n",[47,553,554],{"class":49,"line":249},[47,555,556],{"class":96}," border: none;\n",[47,558,559],{"class":49,"line":260},[47,560,561],{"class":96}," border-radius: 8px;\n",[47,563,564],{"class":49,"line":266},[47,565,566],{"class":96}," cursor: pointer;\n",[47,568,569],{"class":49,"line":276},[47,570,571],{"class":96}," }\n",[47,573,574,576],{"class":49,"line":286},[47,575,516],{"class":96},[47,577,519],{"class":67},[47,579,580],{"class":49,"line":309},[47,581,582],{"class":67},"};\n",[11,584,585,586,591,592,594],{},"Go back to ",[456,587,588],{},[44,589,590],{},"index.html"," and modify the script to load content from ",[44,593,460],{}," as follows:",[37,596,598],{"className":39,"code":597,"language":41,"meta":42,"style":42},"\u003Cscript type=\"module\">\n import { Mint } from 'https://mint-teams.web.app/Mintkit/mint.js';\n import { Content } from './content.js';\n\n const App = () => {\n const root = {\n html: Content.components,\n css: Content.stylesheet,\n };\n\n queueMicrotask(() => {\n Mint.injectHTML('#app', root.html);\n });\n };\n\n App();\n\u003C/script>\n",[44,599,600,614,627,641,645,662,674,679,684,689,693,704,718,723,728,732,740],{"__ignoreMap":42},[47,601,602,604,606,608,610,612],{"class":49,"line":50},[47,603,85],{"class":67},[47,605,319],{"class":71},[47,607,322],{"class":75},[47,609,93],{"class":67},[47,611,327],{"class":96},[47,613,79],{"class":67},[47,615,616,619,621,623,625],{"class":49,"line":57},[47,617,618],{"class":335}," import",[47,620,339],{"class":67},[47,622,342],{"class":335},[47,624,345],{"class":96},[47,626,348],{"class":67},[47,628,629,631,634,636,639],{"class":49,"line":64},[47,630,618],{"class":335},[47,632,633],{"class":67}," { Content } ",[47,635,342],{"class":335},[47,637,638],{"class":96}," './content.js'",[47,640,348],{"class":67},[47,642,643],{"class":49,"line":82},[47,644,61],{"emptyLinePlaceholder":60},[47,646,647,650,653,655,658,660],{"class":49,"line":102},[47,648,649],{"class":335}," const",[47,651,652],{"class":75}," App",[47,654,366],{"class":335},[47,656,657],{"class":67}," () ",[47,659,400],{"class":335},[47,661,493],{"class":67},[47,663,664,667,670,672],{"class":49,"line":113},[47,665,666],{"class":335}," const",[47,668,669],{"class":362}," root",[47,671,366],{"class":335},[47,673,493],{"class":67},[47,675,676],{"class":49,"line":133},[47,677,678],{"class":67}," html: Content.components,\n",[47,680,681],{"class":49,"line":158},[47,682,683],{"class":67}," css: Content.stylesheet,\n",[47,685,686],{"class":49,"line":173},[47,687,688],{"class":67}," };\n",[47,690,691],{"class":49,"line":178},[47,692,61],{"emptyLinePlaceholder":60},[47,694,695,698,700,702],{"class":49,"line":204},[47,696,697],{"class":75}," queueMicrotask",[47,699,397],{"class":67},[47,701,400],{"class":335},[47,703,493],{"class":67},[47,705,706,709,711,713,715],{"class":49,"line":230},[47,707,708],{"class":67}," Mint.",[47,710,406],{"class":75},[47,712,409],{"class":67},[47,714,412],{"class":96},[47,716,717],{"class":67},", root.html);\n",[47,719,720],{"class":49,"line":238},[47,721,722],{"class":67}," });\n",[47,724,725],{"class":49,"line":249},[47,726,727],{"class":67}," };\n",[47,729,730],{"class":49,"line":260},[47,731,61],{"emptyLinePlaceholder":60},[47,733,734,737],{"class":49,"line":266},[47,735,736],{"class":75}," App",[47,738,739],{"class":67},"();\n",[47,741,742,744,746],{"class":49,"line":276},[47,743,440],{"class":67},[47,745,319],{"class":71},[47,747,79],{"class":67},[446,749],{},[32,751,753],{"id":752},"_3-use-mintkits-css","3. Use Mintkit’s CSS",[11,755,756],{},"You can include Mintkit's design system CSS with this command:",[37,758,760],{"className":464,"code":759,"language":466,"meta":42,"style":42},"Mint.include('./redistributables/design/mint-uas.css');\n",[44,761,762],{"__ignoreMap":42},[47,763,764,767,770,772,775],{"class":49,"line":50},[47,765,766],{"class":67},"Mint.",[47,768,769],{"class":75},"include",[47,771,409],{"class":67},[47,773,774],{"class":96},"'./redistributables/design/mint-uas.css'",[47,776,777],{"class":67},");\n",[446,779],{},[27,781,783],{"id":782},"additional-features-optional","Additional Features (Optional)",[32,785,787],{"id":786},"state-management","State Management",[37,789,791],{"className":464,"code":790,"language":466,"meta":42,"style":42},"const state = Mint.createState({ count: 0 });\n\n// Update State\nstate.set((s) => ({ ...s, count: s.count + 1 }));\n\n// Subscribe to State changes\nstate.subscribe((newState) => {\n console.log('Updated:', newState);\n});\n",[44,792,793,817,821,826,864,868,873,891,907],{"__ignoreMap":42},[47,794,795,798,801,803,805,808,811,814],{"class":49,"line":50},[47,796,797],{"class":335},"const",[47,799,800],{"class":362}," state",[47,802,366],{"class":335},[47,804,403],{"class":67},[47,806,807],{"class":75},"createState",[47,809,810],{"class":67},"({ count: ",[47,812,813],{"class":362},"0",[47,815,816],{"class":67}," });\n",[47,818,819],{"class":49,"line":57},[47,820,61],{"emptyLinePlaceholder":60},[47,822,823],{"class":49,"line":64},[47,824,825],{"class":53},"// Update State\n",[47,827,828,831,834,837,841,844,846,849,852,855,858,861],{"class":49,"line":82},[47,829,830],{"class":67},"state.",[47,832,833],{"class":75},"set",[47,835,836],{"class":67},"((",[47,838,840],{"class":839},"s4XuR","s",[47,842,843],{"class":67},") ",[47,845,400],{"class":335},[47,847,848],{"class":67}," ({ ",[47,850,851],{"class":335},"...",[47,853,854],{"class":67},"s, count: s.count ",[47,856,857],{"class":335},"+",[47,859,860],{"class":362}," 1",[47,862,863],{"class":67}," }));\n",[47,865,866],{"class":49,"line":102},[47,867,61],{"emptyLinePlaceholder":60},[47,869,870],{"class":49,"line":113},[47,871,872],{"class":53},"// Subscribe to State changes\n",[47,874,875,877,880,882,885,887,889],{"class":49,"line":133},[47,876,830],{"class":67},[47,878,879],{"class":75},"subscribe",[47,881,836],{"class":67},[47,883,884],{"class":839},"newState",[47,886,843],{"class":67},[47,888,400],{"class":335},[47,890,493],{"class":67},[47,892,893,896,899,901,904],{"class":49,"line":158},[47,894,895],{"class":67}," console.",[47,897,898],{"class":75},"log",[47,900,409],{"class":67},[47,902,903],{"class":96},"'Updated:'",[47,905,906],{"class":67},", newState);\n",[47,908,909],{"class":49,"line":173},[47,910,911],{"class":67},"});\n",[446,913],{},[32,915,917],{"id":916},"theme-system","Theme System",[37,919,921],{"className":464,"code":920,"language":466,"meta":42,"style":42},"const lightTheme = {\n ColorPrimary: '#FFFFFF',\n TextColorPrimary: '#080707',\n};\n\nconst darkTheme = {\n ColorPrimary: '#000000',\n TextColorPrimary: '#FFD9D9',\n};\n\n// Initialize Theme System\nWebContent.initThemeSystem();\n",[44,922,923,934,944,954,958,962,973,982,991,995,999,1004],{"__ignoreMap":42},[47,924,925,927,930,932],{"class":49,"line":50},[47,926,797],{"class":335},[47,928,929],{"class":362}," lightTheme",[47,931,366],{"class":335},[47,933,493],{"class":67},[47,935,936,939,942],{"class":49,"line":57},[47,937,938],{"class":67}," ColorPrimary: ",[47,940,941],{"class":96},"'#FFFFFF'",[47,943,519],{"class":67},[47,945,946,949,952],{"class":49,"line":64},[47,947,948],{"class":67}," TextColorPrimary: ",[47,950,951],{"class":96},"'#080707'",[47,953,519],{"class":67},[47,955,956],{"class":49,"line":82},[47,957,582],{"class":67},[47,959,960],{"class":49,"line":102},[47,961,61],{"emptyLinePlaceholder":60},[47,963,964,966,969,971],{"class":49,"line":113},[47,965,797],{"class":335},[47,967,968],{"class":362}," darkTheme",[47,970,366],{"class":335},[47,972,493],{"class":67},[47,974,975,977,980],{"class":49,"line":133},[47,976,938],{"class":67},[47,978,979],{"class":96},"'#000000'",[47,981,519],{"class":67},[47,983,984,986,989],{"class":49,"line":158},[47,985,948],{"class":67},[47,987,988],{"class":96},"'#FFD9D9'",[47,990,519],{"class":67},[47,992,993],{"class":49,"line":173},[47,994,582],{"class":67},[47,996,997],{"class":49,"line":178},[47,998,61],{"emptyLinePlaceholder":60},[47,1000,1001],{"class":49,"line":204},[47,1002,1003],{"class":53},"// Initialize Theme System\n",[47,1005,1006,1009,1012],{"class":49,"line":230},[47,1007,1008],{"class":67},"WebContent.",[47,1010,1011],{"class":75},"initThemeSystem",[47,1013,739],{"class":67},[446,1015],{},[27,1017,1019],{"id":1018},"development-tools","Development Tools",[32,1021,1023],{"id":1022},"launch-live-reload-server","Launch Live Reload Server",[37,1025,1029],{"className":1026,"code":1027,"language":1028,"meta":42,"style":42},"language-bash shiki shiki-themes github-light github-dark","cd mintkit\n./LiveServer.exe\n# Then open at http://localhost:3000\n","bash",[44,1030,1031,1039,1044],{"__ignoreMap":42},[47,1032,1033,1036],{"class":49,"line":50},[47,1034,1035],{"class":362},"cd",[47,1037,1038],{"class":96}," mintkit\n",[47,1040,1041],{"class":49,"line":57},[47,1042,1043],{"class":75},"./LiveServer.exe\n",[47,1045,1046],{"class":49,"line":64},[47,1047,1048],{"class":53},"# Then open at http://localhost:3000\n",[446,1050],{},[27,1052,1054],{"id":1053},"mintkit-project-structure-basic","Mintkit Project Structure (Basic)",[37,1056,1061],{"className":1057,"code":1059,"language":1060},[1058],"language-text","Mintkit.js Framework/\n├── src/\n│ ├── lib/ # Mintkit Core Files\n│ ├── Content.js # Your HTML and CSS\n│ ├── App.js # Main App Logic\n│ ├── EventHandle.js # Event Handling\n│ ├── index.html # Entry point\n│ └── LiveServer.exe # Live reload server\n├── live-reload.js # Hook for live reload\n├── package.json # Project configuration\n├── README.html # Documentation\n└── sw.js # Service worker\n","text",[44,1062,1059],{"__ignoreMap":42},[446,1064],{},[27,1066,1068],{"id":1067},"create-a-project-with-one-command","Create a Project with One Command",[37,1070,1072],{"className":1026,"code":1071,"language":1028,"meta":42,"style":42},"npx create-mint-app\n",[44,1073,1074],{"__ignoreMap":42},[47,1075,1076,1079],{"class":49,"line":50},[47,1077,1078],{"class":75},"npx",[47,1080,1081],{"class":96}," create-mint-app\n",[1083,1084,1085],"style",{},"html pre.shiki code .sJ8bj, html code.shiki .sJ8bj{--shiki-default:#6A737D;--shiki-dark:#6A737D}html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .s4XuR, html code.shiki .s4XuR{--shiki-default:#E36209;--shiki-dark:#FFAB70}",{"title":42,"searchDepth":57,"depth":57,"links":1087},[1088,1093,1097,1100,1101],{"id":29,"depth":57,"text":30,"children":1089},[1090,1091,1092],{"id":34,"depth":64,"text":35},{"id":450,"depth":64,"text":451},{"id":752,"depth":64,"text":753},{"id":782,"depth":57,"text":783,"children":1094},[1095,1096],{"id":786,"depth":64,"text":787},{"id":916,"depth":64,"text":917},{"id":1018,"depth":57,"text":1019,"children":1098},[1099],{"id":1022,"depth":64,"text":1023},{"id":1053,"depth":57,"text":1054},{"id":1067,"depth":57,"text":1068},"A beginner's guide to using the Mintkit Framework for quickly building websites with HTML and JavaScript.","md",{},"/blog/en/getting-started-mintkit",{"title":6,"description":1102},"blog/en/getting-started-mintkit","Zemnw1_-JlCEJeHy_x5wFmn2B7Lkoa7QJt_OrGjCebg",["Reactive",1110],{},["Set"],["ShallowReactive",1113],{"/blog/en/getting-started-mintkit":-1},{}]