[{"data":1,"prerenderedAt":1989},["ShallowReactive",2],{"navigation":3,"\u002Fdocs\u002Fessentials\u002Fprose-components":50,"\u002Fdocs\u002Fessentials\u002Fprose-components-surround":1984},[4,23],{"title":5,"path":6,"stem":7,"children":8,"icon":22},"Getting Started","\u002Fdocs\u002Fgetting-started","1.docs\u002F1.getting-started\u002F1.index",[9,12,17],{"title":10,"path":6,"stem":7,"icon":11},"Introduction","i-lucide-house",{"title":13,"path":14,"stem":15,"icon":16},"Installation","\u002Fdocs\u002Fgetting-started\u002Finstallation","1.docs\u002F1.getting-started\u002F2.installation","i-lucide-download",{"title":18,"path":19,"stem":20,"icon":21},"Usage","\u002Fdocs\u002Fgetting-started\u002Fusage","1.docs\u002F1.getting-started\u002F3.usage","i-lucide-sliders",false,{"title":24,"path":25,"stem":26,"children":27,"page":-1,"icon":29},"Essentials","\u002Fdocs\u002Fessentials","1.docs\u002F2.essentials\u002Findex",[28,30,35,40,45],{"title":24,"path":25,"stem":26,"icon":29},"i-lucide-book-open",{"title":31,"path":32,"stem":33,"icon":34},"Markdown Syntax","\u002Fdocs\u002Fessentials\u002Fmarkdown-syntax","1.docs\u002F2.essentials\u002F1.markdown-syntax","i-lucide-heading-1",{"title":36,"path":37,"stem":38,"icon":39},"Code Blocks","\u002Fdocs\u002Fessentials\u002Fcode-blocks","1.docs\u002F2.essentials\u002F2.code-blocks","i-lucide-code-xml",{"title":41,"path":42,"stem":43,"icon":44},"Prose Components","\u002Fdocs\u002Fessentials\u002Fprose-components","1.docs\u002F2.essentials\u002F3.prose-components","i-lucide-component",{"title":46,"path":47,"stem":48,"icon":49},"Images and Embeds","\u002Fdocs\u002Fessentials\u002Fimages-embeds","1.docs\u002F2.essentials\u002F4.images-embeds","i-lucide-image",{"id":51,"title":41,"body":52,"description":1979,"extension":997,"meta":1980,"navigation":1981,"path":42,"seo":1982,"stem":43,"__hash__":1983},"docs\u002F1.docs\u002F2.essentials\u002F3.prose-components.md",{"type":53,"value":54,"toc":1965},"minimark",[55,60,72,237,241,244,279,283,286,310,360,482,486,491,506,589,593,602,932,936,944,1135,1139,1147,1214,1218,1227,1458,1461,1466,1496,1500,1508,1555,1559,1567,1746,1750,1758,1765,1961],[56,57,59],"h3",{"id":58},"accordion","Accordion",[61,62,63,64,67,68,71],"p",{},"Use ",[65,66,58],"code",{}," and ",[65,69,70],{},"accordion-item"," to create collapsible content sections. Accordions are useful for organizing FAQs, expandable details, or grouped information in an interactive way.",[73,74,77,97],"code-preview",{"className":75},[76],"[&>div]:*:my-0",[58,78,79,86],{},[70,80,83],{"icon":81,"label":82},"i-lucide-circle-help","What are the main considerations when upgrading to Stackhacker UI v3?",[61,84,85],{},"The transition to v3 involves significant changes, including new component structures, updated theming approaches, and revised TypeScript definitions. We recommend a careful, incremental upgrade process, starting with thorough testing in a development environment.",[70,87,89],{"icon":81,"label":88},"Is Stackhacker UI v3 compatible with standalone Vue projects?",[61,90,91,92,96],{},"Stackhacker UI is now compatible with Vue! You can follow the ",[93,94,95],"a",{"href":14},"installation guide"," to get started.",[98,99,101],"template",{"v-slot:code":100},"",[102,103,107],"pre",{"className":104,"code":105,"language":106,"meta":100,"style":100},"language-mdc shiki shiki-themes github-light github-dark","::accordion\n\n:::accordion-item{label=\"What are the main considerations when upgrading to Stackhacker UI v3?\" icon=\"i-lucide-circle-help\"}\nThe transition to v3 involves significant changes, including new component structures, updated theming approaches, and revised TypeScript definitions. We recommend a careful, incremental upgrade process, starting with thorough testing in a development environment.\n:::\n\n:::accordion-item{label=\"Is Stackhacker UI v3 compatible with standalone Vue projects?\" icon=\"i-lucide-circle-help\"}\nStackhacker UI is now compatible with Vue! You can follow the [installation guide](\u002Fdocs\u002Fgetting-started\u002Finstallation) to get started.\n:::\n\n::\n","mdc",[65,108,109,122,129,162,168,174,179,203,221,226,231],{"__ignoreMap":100},[110,111,114,118],"span",{"class":112,"line":113},"line",1,[110,115,117],{"class":116},"sVt8B","::",[110,119,121],{"class":120},"s9eBZ","accordion\n",[110,123,125],{"class":112,"line":124},2,[110,126,128],{"emptyLinePlaceholder":127},true,"\n",[110,130,132,135,137,140,144,147,151,154,156,159],{"class":112,"line":131},3,[110,133,134],{"class":116},":::",[110,136,70],{"class":120},[110,138,139],{"class":116},"{",[110,141,143],{"class":142},"sScJk","label",[110,145,146],{"class":116},"=",[110,148,150],{"class":149},"sZZnC","\"What are the main considerations when upgrading to Stackhacker UI v3?\"",[110,152,153],{"class":142}," icon",[110,155,146],{"class":116},[110,157,158],{"class":149},"\"i-lucide-circle-help\"",[110,160,161],{"class":116},"}\n",[110,163,165],{"class":112,"line":164},4,[110,166,167],{"class":116},"The transition to v3 involves significant changes, including new component structures, updated theming approaches, and revised TypeScript definitions. We recommend a careful, incremental upgrade process, starting with thorough testing in a development environment.\n",[110,169,171],{"class":112,"line":170},5,[110,172,173],{"class":116},":::\n",[110,175,177],{"class":112,"line":176},6,[110,178,128],{"emptyLinePlaceholder":127},[110,180,182,184,186,188,190,192,195,197,199,201],{"class":112,"line":181},7,[110,183,134],{"class":116},[110,185,70],{"class":120},[110,187,139],{"class":116},[110,189,143],{"class":142},[110,191,146],{"class":116},[110,193,194],{"class":149},"\"Is Stackhacker UI v3 compatible with standalone Vue projects?\"",[110,196,153],{"class":142},[110,198,146],{"class":116},[110,200,158],{"class":149},[110,202,161],{"class":116},[110,204,206,209,212,215,218],{"class":112,"line":205},8,[110,207,208],{"class":116},"Stackhacker UI is now compatible with Vue! You can follow the [",[110,210,95],{"class":211},"svl0z",[110,213,214],{"class":116},"](",[110,216,14],{"class":217},"s2frl",[110,219,220],{"class":116},") to get started.\n",[110,222,224],{"class":112,"line":223},9,[110,225,173],{"class":116},[110,227,229],{"class":112,"line":228},10,[110,230,128],{"emptyLinePlaceholder":127},[110,232,234],{"class":112,"line":233},11,[110,235,236],{"class":116},"::\n",[56,238,240],{"id":239},"badge","Badge",[61,242,243],{},"Use badge to display status indicators or labels. Badges are great for highlighting version numbers, statuses, or categories within your content.",[73,245,247,255],{"label":246},"Preview",[239,248,249],{},[61,250,251],{},[252,253,254],"strong",{},"v3.0.0-alpha.10",[98,256,257],{"v-slot:code":100},[102,258,260],{"className":104,"code":259,"language":106,"meta":100,"style":100},"::badge\n**v3.0.0-alpha.10**\n::\n",[65,261,262,269,275],{"__ignoreMap":100},[110,263,264,266],{"class":112,"line":113},[110,265,117],{"class":116},[110,267,268],{"class":120},"badge\n",[110,270,271],{"class":112,"line":124},[110,272,274],{"class":273},"sIZ1i","**v3.0.0-alpha.10**\n",[110,276,277],{"class":112,"line":131},[110,278,236],{"class":116},[56,280,282],{"id":281},"callout","Callout",[61,284,285],{},"Use callout to emphasize important contextual information. Callouts draw attention to notes, tips, warnings, or cautions, making key information stand out.",[61,287,288,289,67,292,295,296,299,300,299,303,299,306,309],{},"Customize with ",[65,290,291],{},"icon",[65,293,294],{},"color"," props or use ",[65,297,298],{},"note",", ",[65,301,302],{},"tip",[65,304,305],{},"warning",[65,307,308],{},"caution"," shortcuts for pre-defined semantic styles.",[73,311,314,326],{"className":312},[76,313],"[&>div]:*:w-full",[281,315,316],{},[61,317,318,319,321,322,325],{},"This is a ",[65,320,281],{}," with full ",[252,323,324],{},"markdown"," support.",[98,327,328],{"v-slot:code":100},[102,329,331],{"className":104,"code":330,"language":106,"meta":100,"style":100},"::callout\nThis is a `callout` with full **markdown** support.\n::\n",[65,332,333,340,356],{"__ignoreMap":100},[110,334,335,337],{"class":112,"line":113},[110,336,117],{"class":116},[110,338,339],{"class":120},"callout\n",[110,341,342,344,348,350,353],{"class":112,"line":124},[110,343,318],{"class":116},[110,345,347],{"class":346},"sj4cs","`callout`",[110,349,321],{"class":116},[110,351,352],{"class":273},"**markdown**",[110,354,355],{"class":116}," support.\n",[110,357,358],{"class":112,"line":131},[110,359,236],{"class":116},[73,361,362,395],{},[363,364,370,377,383,389],"div",{"className":365},[366,367,368,369],"flex","flex-col","gap-4","w-full",[298,371,374],{"className":372},[369,373],"my-0",[61,375,376],{},"Here's some additional information for you.",[302,378,380],{"className":379},[369,373],[61,381,382],{},"Here's a helpful suggestion.",[305,384,386],{"className":385},[369,373],[61,387,388],{},"Be careful with this action as it might have unexpected results.",[308,390,392],{"className":391},[369,373],[61,393,394],{},"This action cannot be undone.",[98,396,397],{"v-slot:code":100},[102,398,400],{"className":104,"code":399,"language":106,"meta":100,"style":100},"::note\nHere's some additional information.\n::\n\n::tip\nHere's a helpful suggestion.\n::\n\n::warning\nBe careful with this action as it might have unexpected results.\n::\n\n::caution\nThis action cannot be undone.\n::\n",[65,401,402,409,414,418,422,429,434,438,442,449,454,458,463,471,477],{"__ignoreMap":100},[110,403,404,406],{"class":112,"line":113},[110,405,117],{"class":116},[110,407,408],{"class":120},"note\n",[110,410,411],{"class":112,"line":124},[110,412,413],{"class":116},"Here's some additional information.\n",[110,415,416],{"class":112,"line":131},[110,417,236],{"class":116},[110,419,420],{"class":112,"line":164},[110,421,128],{"emptyLinePlaceholder":127},[110,423,424,426],{"class":112,"line":170},[110,425,117],{"class":116},[110,427,428],{"class":120},"tip\n",[110,430,431],{"class":112,"line":176},[110,432,433],{"class":116},"Here's a helpful suggestion.\n",[110,435,436],{"class":112,"line":181},[110,437,236],{"class":116},[110,439,440],{"class":112,"line":205},[110,441,128],{"emptyLinePlaceholder":127},[110,443,444,446],{"class":112,"line":223},[110,445,117],{"class":116},[110,447,448],{"class":120},"warning\n",[110,450,451],{"class":112,"line":228},[110,452,453],{"class":116},"Be careful with this action as it might have unexpected results.\n",[110,455,456],{"class":112,"line":233},[110,457,236],{"class":116},[110,459,461],{"class":112,"line":460},12,[110,462,128],{"emptyLinePlaceholder":127},[110,464,466,468],{"class":112,"line":465},13,[110,467,117],{"class":116},[110,469,470],{"class":120},"caution\n",[110,472,474],{"class":112,"line":473},14,[110,475,476],{"class":116},"This action cannot be undone.\n",[110,478,480],{"class":112,"line":479},15,[110,481,236],{"class":116},[56,483,485],{"id":484},"card","Card",[61,487,63,488,490],{},[65,489,484],{}," to highlight content blocks. Cards are useful for showcasing features, resources, or related information in visually distinct and interactive containers.",[61,492,288,493,299,496,498,499,501,502,505],{},[65,494,495],{},"title",[65,497,291],{},", and ",[65,500,294],{}," props. Cards can also act as links using ",[65,503,504],{},"\u003CNuxtLink>"," properties for navigation.",[73,507,509,518],{"className":508},[76,313],[484,510,515],{"icon":511,"target":512,"title":513,"to":514},"i-simple-icons-github","_blank","Dashboard","https:\u002F\u002Fgithub.com\u002Fstackhacker-ui\u002Fdashboard",[61,516,517],{},"A dashboard with multi-column layout.",[98,519,520],{"v-slot:code":100},[102,521,523],{"className":104,"code":522,"language":106,"meta":100,"style":100},"::card\n---\ntitle: Dashboard\nicon: i-simple-icons-github\nto: https:\u002F\u002Fgithub.com\u002Fstackhacker-ui\u002Fdashboard\ntarget: _blank\n---\nA dashboard with multi-column layout.\n::\n",[65,524,525,532,537,547,556,566,576,580,585],{"__ignoreMap":100},[110,526,527,529],{"class":112,"line":113},[110,528,117],{"class":116},[110,530,531],{"class":120},"card\n",[110,533,534],{"class":112,"line":124},[110,535,536],{"class":116},"---\n",[110,538,539,541,544],{"class":112,"line":131},[110,540,495],{"class":120},[110,542,543],{"class":116},": ",[110,545,546],{"class":149},"Dashboard\n",[110,548,549,551,553],{"class":112,"line":164},[110,550,291],{"class":120},[110,552,543],{"class":116},[110,554,555],{"class":149},"i-simple-icons-github\n",[110,557,558,561,563],{"class":112,"line":170},[110,559,560],{"class":120},"to",[110,562,543],{"class":116},[110,564,565],{"class":149},"https:\u002F\u002Fgithub.com\u002Fstackhacker-ui\u002Fdashboard\n",[110,567,568,571,573],{"class":112,"line":176},[110,569,570],{"class":120},"target",[110,572,543],{"class":116},[110,574,575],{"class":149},"_blank\n",[110,577,578],{"class":112,"line":181},[110,579,536],{"class":116},[110,581,582],{"class":112,"line":205},[110,583,584],{"class":116},"A dashboard with multi-column layout.\n",[110,586,587],{"class":112,"line":223},[110,588,236],{"class":116},[56,590,592],{"id":591},"cardgroup","CardGroup",[61,594,63,595,598,599,601],{},[65,596,597],{},"card-group"," to arrange cards in a grid layout. ",[65,600,597],{}," is ideal for displaying collections of cards in a structured, visually appealing, and responsive grid.",[73,603,604,636],{},[597,605,607,611,618,629],{"className":606},[369],[484,608,609],{"icon":511,"target":512,"title":513,"to":514},[61,610,517],{},[484,612,615],{"icon":511,"target":512,"title":613,"to":614},"SaaS","https:\u002F\u002Fgithub.com\u002Fstackhacker-ui\u002Fsaas",[61,616,617],{},"A template with landing, pricing, docs and blog.",[484,619,622],{"icon":511,"target":512,"title":620,"to":621},"Docs","https:\u002F\u002Fgithub.com\u002Fstackhacker-ui\u002Fdocs",[61,623,624,625,628],{},"A documentation with ",[65,626,627],{},"@nuxt\u002Fcontent",".",[484,630,633],{"icon":511,"target":512,"title":631,"to":632},"Landing","https:\u002F\u002Fgithub.com\u002Fstackhacker-ui\u002Flanding",[61,634,635],{},"A landing page you can use as starting point.",[98,637,638],{"v-slot:code":100},[102,639,641],{"className":104,"code":640,"language":106,"meta":100,"style":100},"::card-group\n\n::card\n---\ntitle: Dashboard\nicon: i-simple-icons-github\nto: https:\u002F\u002Fgithub.com\u002Fstackhacker-ui\u002Fdashboard\ntarget: _blank\n---\nA dashboard with multi-column layout.\n::\n\n::card\n---\ntitle: SaaS\nicon: i-simple-icons-github\nto: https:\u002F\u002Fgithub.com\u002Fstackhacker-ui\u002Fsaas\ntarget: _blank\n---\nA template with landing, pricing, docs and blog.\n::\n\n::card\n---\ntitle: Docs\nicon: i-simple-icons-github\nto: https:\u002F\u002Fgithub.com\u002Fstackhacker-ui\u002Fdocs\ntarget: _blank\n---\nA documentation with `@nuxt\u002Fcontent`.\n::\n\n::card\n---\ntitle: Landing\nicon: i-simple-icons-github\nto: https:\u002F\u002Fgithub.com\u002Fstackhacker-ui\u002Flanding\ntarget: _blank\n---\nA landing page you can use as starting point.\n::\n\n::\n",[65,642,643,650,654,660,664,672,680,688,696,700,704,708,712,718,722,731,740,750,759,764,770,775,780,787,792,802,811,821,830,835,846,851,856,863,868,878,887,897,906,911,917,922,927],{"__ignoreMap":100},[110,644,645,647],{"class":112,"line":113},[110,646,117],{"class":116},[110,648,649],{"class":120},"card-group\n",[110,651,652],{"class":112,"line":124},[110,653,128],{"emptyLinePlaceholder":127},[110,655,656,658],{"class":112,"line":131},[110,657,117],{"class":116},[110,659,531],{"class":120},[110,661,662],{"class":112,"line":164},[110,663,536],{"class":116},[110,665,666,668,670],{"class":112,"line":170},[110,667,495],{"class":120},[110,669,543],{"class":116},[110,671,546],{"class":149},[110,673,674,676,678],{"class":112,"line":176},[110,675,291],{"class":120},[110,677,543],{"class":116},[110,679,555],{"class":149},[110,681,682,684,686],{"class":112,"line":181},[110,683,560],{"class":120},[110,685,543],{"class":116},[110,687,565],{"class":149},[110,689,690,692,694],{"class":112,"line":205},[110,691,570],{"class":120},[110,693,543],{"class":116},[110,695,575],{"class":149},[110,697,698],{"class":112,"line":223},[110,699,536],{"class":116},[110,701,702],{"class":112,"line":228},[110,703,584],{"class":116},[110,705,706],{"class":112,"line":233},[110,707,236],{"class":116},[110,709,710],{"class":112,"line":460},[110,711,128],{"emptyLinePlaceholder":127},[110,713,714,716],{"class":112,"line":465},[110,715,117],{"class":116},[110,717,531],{"class":120},[110,719,720],{"class":112,"line":473},[110,721,536],{"class":116},[110,723,724,726,728],{"class":112,"line":479},[110,725,495],{"class":120},[110,727,543],{"class":116},[110,729,730],{"class":149},"SaaS\n",[110,732,734,736,738],{"class":112,"line":733},16,[110,735,291],{"class":120},[110,737,543],{"class":116},[110,739,555],{"class":149},[110,741,743,745,747],{"class":112,"line":742},17,[110,744,560],{"class":120},[110,746,543],{"class":116},[110,748,749],{"class":149},"https:\u002F\u002Fgithub.com\u002Fstackhacker-ui\u002Fsaas\n",[110,751,753,755,757],{"class":112,"line":752},18,[110,754,570],{"class":120},[110,756,543],{"class":116},[110,758,575],{"class":149},[110,760,762],{"class":112,"line":761},19,[110,763,536],{"class":116},[110,765,767],{"class":112,"line":766},20,[110,768,769],{"class":116},"A template with landing, pricing, docs and blog.\n",[110,771,773],{"class":112,"line":772},21,[110,774,236],{"class":116},[110,776,778],{"class":112,"line":777},22,[110,779,128],{"emptyLinePlaceholder":127},[110,781,783,785],{"class":112,"line":782},23,[110,784,117],{"class":116},[110,786,531],{"class":120},[110,788,790],{"class":112,"line":789},24,[110,791,536],{"class":116},[110,793,795,797,799],{"class":112,"line":794},25,[110,796,495],{"class":120},[110,798,543],{"class":116},[110,800,801],{"class":149},"Docs\n",[110,803,805,807,809],{"class":112,"line":804},26,[110,806,291],{"class":120},[110,808,543],{"class":116},[110,810,555],{"class":149},[110,812,814,816,818],{"class":112,"line":813},27,[110,815,560],{"class":120},[110,817,543],{"class":116},[110,819,820],{"class":149},"https:\u002F\u002Fgithub.com\u002Fstackhacker-ui\u002Fdocs\n",[110,822,824,826,828],{"class":112,"line":823},28,[110,825,570],{"class":120},[110,827,543],{"class":116},[110,829,575],{"class":149},[110,831,833],{"class":112,"line":832},29,[110,834,536],{"class":116},[110,836,838,840,843],{"class":112,"line":837},30,[110,839,624],{"class":116},[110,841,842],{"class":346},"`@nuxt\u002Fcontent`",[110,844,845],{"class":116},".\n",[110,847,849],{"class":112,"line":848},31,[110,850,236],{"class":116},[110,852,854],{"class":112,"line":853},32,[110,855,128],{"emptyLinePlaceholder":127},[110,857,859,861],{"class":112,"line":858},33,[110,860,117],{"class":116},[110,862,531],{"class":120},[110,864,866],{"class":112,"line":865},34,[110,867,536],{"class":116},[110,869,871,873,875],{"class":112,"line":870},35,[110,872,495],{"class":120},[110,874,543],{"class":116},[110,876,877],{"class":149},"Landing\n",[110,879,881,883,885],{"class":112,"line":880},36,[110,882,291],{"class":120},[110,884,543],{"class":116},[110,886,555],{"class":149},[110,888,890,892,894],{"class":112,"line":889},37,[110,891,560],{"class":120},[110,893,543],{"class":116},[110,895,896],{"class":149},"https:\u002F\u002Fgithub.com\u002Fstackhacker-ui\u002Flanding\n",[110,898,900,902,904],{"class":112,"line":899},38,[110,901,570],{"class":120},[110,903,543],{"class":116},[110,905,575],{"class":149},[110,907,909],{"class":112,"line":908},39,[110,910,536],{"class":116},[110,912,914],{"class":112,"line":913},40,[110,915,916],{"class":116},"A landing page you can use as starting point.\n",[110,918,920],{"class":112,"line":919},41,[110,921,236],{"class":116},[110,923,925],{"class":112,"line":924},42,[110,926,128],{"emptyLinePlaceholder":127},[110,928,930],{"class":112,"line":929},43,[110,931,236],{"class":116},[56,933,935],{"id":934},"collapsible","Collapsible",[61,937,63,938,940,941,943],{},[65,939,934],{}," to hide and reveal content sections. ",[65,942,934],{}," is ideal for showing optional details, technical specifications, or less frequently needed information.",[73,945,947,1017],{"className":946},[313],[934,948,949],{},[950,951,952,968],"table",{},[953,954,955],"thead",{},[956,957,958,962,965],"tr",{},[959,960,961],"th",{},"Prop",[959,963,964],{},"Default",[959,966,967],{},"Type",[969,970,971,986,1002],"tbody",{},[956,972,973,979,981],{},[974,975,976],"td",{},[65,977,978],{},"name",[974,980],{},[974,982,983],{},[65,984,985],{},"string",[956,987,988,993,998],{},[974,989,990],{},[65,991,992],{},"size",[974,994,995],{},[65,996,997],{},"md",[974,999,1000],{},[65,1001,985],{},[956,1003,1004,1008,1013],{},[974,1005,1006],{},[65,1007,294],{},[974,1009,1010],{},[65,1011,1012],{},"neutral",[974,1014,1015],{},[65,1016,985],{},[98,1018,1019],{"v-slot:code":100},[102,1020,1022],{"className":104,"code":1021,"language":106,"meta":100,"style":100},"::collapsible\n\n| Prop    | Default   | Type                     |\n|---------|-----------|--------------------------|\n| `name`  |           | `string`{lang=\"ts-type\"} |\n| `size`  | `md`      | `string`{lang=\"ts-type\"} |\n| `color` | `neutral` | `string`{lang=\"ts-type\"} |\n\n::\n",[65,1023,1024,1031,1035,1040,1045,1072,1100,1127,1131],{"__ignoreMap":100},[110,1025,1026,1028],{"class":112,"line":113},[110,1027,117],{"class":116},[110,1029,1030],{"class":120},"collapsible\n",[110,1032,1033],{"class":112,"line":124},[110,1034,128],{"emptyLinePlaceholder":127},[110,1036,1037],{"class":112,"line":131},[110,1038,1039],{"class":116},"| Prop    | Default   | Type                     |\n",[110,1041,1042],{"class":112,"line":164},[110,1043,1044],{"class":116},"|---------|-----------|--------------------------|\n",[110,1046,1047,1050,1053,1056,1059,1061,1064,1066,1069],{"class":112,"line":170},[110,1048,1049],{"class":116},"| ",[110,1051,1052],{"class":346},"`name`",[110,1054,1055],{"class":116},"  |           | ",[110,1057,1058],{"class":346},"`string`",[110,1060,139],{"class":116},[110,1062,1063],{"class":142},"lang",[110,1065,146],{"class":116},[110,1067,1068],{"class":149},"\"ts-type\"",[110,1070,1071],{"class":116},"} |\n",[110,1073,1074,1076,1079,1082,1085,1088,1090,1092,1094,1096,1098],{"class":112,"line":176},[110,1075,1049],{"class":116},[110,1077,1078],{"class":346},"`size`",[110,1080,1081],{"class":116},"  | ",[110,1083,1084],{"class":346},"`md`",[110,1086,1087],{"class":116},"      | ",[110,1089,1058],{"class":346},[110,1091,139],{"class":116},[110,1093,1063],{"class":142},[110,1095,146],{"class":116},[110,1097,1068],{"class":149},[110,1099,1071],{"class":116},[110,1101,1102,1104,1107,1110,1113,1115,1117,1119,1121,1123,1125],{"class":112,"line":181},[110,1103,1049],{"class":116},[110,1105,1106],{"class":346},"`color`",[110,1108,1109],{"class":116}," | ",[110,1111,1112],{"class":346},"`neutral`",[110,1114,1109],{"class":116},[110,1116,1058],{"class":346},[110,1118,139],{"class":116},[110,1120,1063],{"class":142},[110,1122,146],{"class":116},[110,1124,1068],{"class":149},[110,1126,1071],{"class":116},[110,1128,1129],{"class":112,"line":205},[110,1130,128],{"emptyLinePlaceholder":127},[110,1132,1133],{"class":112,"line":223},[110,1134,236],{"class":116},[56,1136,1138],{"id":1137},"field","Field",[61,1140,63,1141,1143,1144,1146],{},[65,1142,1137],{}," to describe a specific field, property, or parameter. ",[65,1145,1137],{}," components are perfect for documenting API parameters, component props, or configuration options.",[73,1148,1149,1162],{},[1137,1150,1153],{"name":978,"type":985,":required":1151,"className":1152},"true",[369],[61,1154,1155,1156,1159,1160,325],{},"The ",[65,1157,1158],{},"description"," can be set as prop or in the default slot with full ",[252,1161,324],{},[98,1163,1164],{"v-slot:code":100},[102,1165,1167],{"className":104,"code":1166,"language":106,"meta":100,"style":100},"::field{name=\"name\" type=\"string\" required}\nThe `description` can be set as prop or in the default slot with full **markdown** support.\n::\n",[65,1168,1169,1197,1210],{"__ignoreMap":100},[110,1170,1171,1173,1175,1177,1179,1181,1184,1187,1189,1192,1195],{"class":112,"line":113},[110,1172,117],{"class":116},[110,1174,1137],{"class":120},[110,1176,139],{"class":116},[110,1178,978],{"class":142},[110,1180,146],{"class":116},[110,1182,1183],{"class":149},"\"name\"",[110,1185,1186],{"class":142}," type",[110,1188,146],{"class":116},[110,1190,1191],{"class":149},"\"string\"",[110,1193,1194],{"class":142}," required",[110,1196,161],{"class":116},[110,1198,1199,1201,1204,1206,1208],{"class":112,"line":124},[110,1200,1155],{"class":116},[110,1202,1203],{"class":346},"`description`",[110,1205,1159],{"class":116},[110,1207,352],{"class":273},[110,1209,355],{"class":116},[110,1211,1212],{"class":112,"line":131},[110,1213,236],{"class":116},[56,1215,1217],{"id":1216},"fieldgroup","FieldGroup",[61,1219,63,1220,1223,1224,1226],{},[65,1221,1222],{},"field-group"," to group related fields together in a list. ",[65,1225,1222],{}," helps organize and structure documentation for multiple related fields or properties.",[73,1228,1229,1272],{},[1222,1230,1231,1242,1250,1264],{},[1137,1232,1235],{"name":1233,"type":1234},"analytics","boolean",[61,1236,1237,1238,1241],{},"Default to ",[65,1239,1240],{},"false"," - Enables analytics for your project (coming soon).",[1137,1243,1245],{"name":1244,"type":1234},"blob",[61,1246,1237,1247,1249],{},[65,1248,1240],{}," - Enables blob storage to store static assets, such as images, videos and more.",[1137,1251,1253],{"name":1252,"type":1234},"cache",[61,1254,1237,1255,1257,1258,67,1261],{},[65,1256,1240],{}," - Enables cache storage to cache your server route responses or functions using Nitro's ",[65,1259,1260],{},"cachedEventHandler",[65,1262,1263],{},"cachedFunction",[1137,1265,1267],{"name":1266,"type":1234},"database",[61,1268,1237,1269,1271],{},[65,1270,1240],{}," - Enables SQL database to store your application's data.",[98,1273,1274],{"v-slot:code":100},[102,1275,1277],{"className":104,"code":1276,"language":106,"meta":100,"style":100},"::field-group\n  ::field{name=\"analytics\" type=\"boolean\"}\n    Default to `false` - Enables analytics for your project (coming soon).\n  ::\n\n  ::field{name=\"blob\" type=\"boolean\"}\n    Default to `false` - Enables blob storage to store static assets, such as images, videos and more.\n  ::\n\n  ::field{name=\"cache\" type=\"boolean\"}\n    Default to `false` - Enables cache storage to cache your server route responses or functions using Nitro's `cachedEventHandler` and `cachedFunction`\n  ::\n\n  ::field{name=\"database\" type=\"boolean\"}\n    Default to `false` - Enables SQL database to store your application's data.\n  ::\n::\n",[65,1278,1279,1286,1311,1322,1327,1331,1354,1363,1367,1371,1394,1410,1414,1418,1441,1450,1454],{"__ignoreMap":100},[110,1280,1281,1283],{"class":112,"line":113},[110,1282,117],{"class":116},[110,1284,1285],{"class":120},"field-group\n",[110,1287,1288,1291,1293,1295,1297,1299,1302,1304,1306,1309],{"class":112,"line":124},[110,1289,1290],{"class":116},"  ::",[110,1292,1137],{"class":120},[110,1294,139],{"class":116},[110,1296,978],{"class":142},[110,1298,146],{"class":116},[110,1300,1301],{"class":149},"\"analytics\"",[110,1303,1186],{"class":142},[110,1305,146],{"class":116},[110,1307,1308],{"class":149},"\"boolean\"",[110,1310,161],{"class":116},[110,1312,1313,1316,1319],{"class":112,"line":131},[110,1314,1315],{"class":116},"    Default to ",[110,1317,1318],{"class":346},"`false`",[110,1320,1321],{"class":116}," - Enables analytics for your project (coming soon).\n",[110,1323,1324],{"class":112,"line":164},[110,1325,1326],{"class":116},"  ::\n",[110,1328,1329],{"class":112,"line":170},[110,1330,128],{"emptyLinePlaceholder":127},[110,1332,1333,1335,1337,1339,1341,1343,1346,1348,1350,1352],{"class":112,"line":176},[110,1334,1290],{"class":116},[110,1336,1137],{"class":120},[110,1338,139],{"class":116},[110,1340,978],{"class":142},[110,1342,146],{"class":116},[110,1344,1345],{"class":149},"\"blob\"",[110,1347,1186],{"class":142},[110,1349,146],{"class":116},[110,1351,1308],{"class":149},[110,1353,161],{"class":116},[110,1355,1356,1358,1360],{"class":112,"line":181},[110,1357,1315],{"class":116},[110,1359,1318],{"class":346},[110,1361,1362],{"class":116}," - Enables blob storage to store static assets, such as images, videos and more.\n",[110,1364,1365],{"class":112,"line":205},[110,1366,1326],{"class":116},[110,1368,1369],{"class":112,"line":223},[110,1370,128],{"emptyLinePlaceholder":127},[110,1372,1373,1375,1377,1379,1381,1383,1386,1388,1390,1392],{"class":112,"line":228},[110,1374,1290],{"class":116},[110,1376,1137],{"class":120},[110,1378,139],{"class":116},[110,1380,978],{"class":142},[110,1382,146],{"class":116},[110,1384,1385],{"class":149},"\"cache\"",[110,1387,1186],{"class":142},[110,1389,146],{"class":116},[110,1391,1308],{"class":149},[110,1393,161],{"class":116},[110,1395,1396,1398,1400,1402,1405,1407],{"class":112,"line":233},[110,1397,1315],{"class":116},[110,1399,1318],{"class":346},[110,1401,1257],{"class":116},[110,1403,1404],{"class":346},"`cachedEventHandler`",[110,1406,67],{"class":116},[110,1408,1409],{"class":346},"`cachedFunction`\n",[110,1411,1412],{"class":112,"line":460},[110,1413,1326],{"class":116},[110,1415,1416],{"class":112,"line":465},[110,1417,128],{"emptyLinePlaceholder":127},[110,1419,1420,1422,1424,1426,1428,1430,1433,1435,1437,1439],{"class":112,"line":473},[110,1421,1290],{"class":116},[110,1423,1137],{"class":120},[110,1425,139],{"class":116},[110,1427,978],{"class":142},[110,1429,146],{"class":116},[110,1431,1432],{"class":149},"\"database\"",[110,1434,1186],{"class":142},[110,1436,146],{"class":116},[110,1438,1308],{"class":149},[110,1440,161],{"class":116},[110,1442,1443,1445,1447],{"class":112,"line":479},[110,1444,1315],{"class":116},[110,1446,1318],{"class":346},[110,1448,1449],{"class":116}," - Enables SQL database to store your application's data.\n",[110,1451,1452],{"class":112,"line":733},[110,1453,1326],{"class":116},[110,1455,1456],{"class":112,"line":742},[110,1457,236],{"class":116},[56,1459,1460],{"id":291},"Icon",[61,1462,63,1463,1465],{},[65,1464,291],{}," to insert icons from icon libraries. Icons provide visual cues and enhance the user interface of your documentation.",[73,1467,1468,1471],{},[291,1469],{"name":1470},"i-simple-icons-nuxtdotjs",[98,1472,1473],{"v-slot:code":100},[102,1474,1476],{"className":104,"code":1475,"language":106,"meta":100,"style":100},":icon{name=\"i-simple-icons-nuxtdotjs\"}\n",[65,1477,1478],{"__ignoreMap":100},[110,1479,1480,1483,1485,1487,1489,1491,1494],{"class":112,"line":113},[110,1481,1482],{"class":116},":",[110,1484,291],{"class":120},[110,1486,139],{"class":116},[110,1488,978],{"class":142},[110,1490,146],{"class":116},[110,1492,1493],{"class":149},"\"i-simple-icons-nuxtdotjs\"",[110,1495,161],{"class":116},[56,1497,1499],{"id":1498},"kbd","Kbd",[61,1501,63,1502,1504,1505,1507],{},[65,1503,1498],{}," to display keyboard keys or shortcuts. ",[65,1506,1498],{}," components clearly indicate keyboard inputs for instructions or command references.",[73,1509,1511,1520],{"className":1510},[76],[61,1512,1513,1516,1517],{},[1498,1514],{"value":1515},"meta"," ",[1498,1518],{"value":1519},"K",[98,1521,1522],{"v-slot:code":100},[102,1523,1525],{"className":104,"code":1524,"language":106,"meta":100,"style":100},":kbd{value=\"meta\"} :kbd{value=\"K\"}\n",[65,1526,1527],{"__ignoreMap":100},[110,1528,1529,1531,1533,1535,1538,1540,1543,1546,1548,1550,1553],{"class":112,"line":113},[110,1530,1482],{"class":116},[110,1532,1498],{"class":120},[110,1534,139],{"class":116},[110,1536,1537],{"class":142},"value",[110,1539,146],{"class":116},[110,1541,1542],{"class":149},"\"meta\"",[110,1544,1545],{"class":116},"} :kbd{",[110,1547,1537],{"class":142},[110,1549,146],{"class":116},[110,1551,1552],{"class":149},"\"K\"",[110,1554,161],{"class":116},[56,1556,1558],{"id":1557},"tabs","Tabs",[61,1560,63,1561,67,1563,1566],{},[65,1562,1557],{},[65,1564,1565],{},"tabs-item"," to organize content into tabbed interfaces. Tabs are effective for separating content into logical sections, improving content discoverability and organization.",[73,1568,1570,1605],{"className":1569},[76],[1557,1571,1573,1597],{"className":1572},[369],[1565,1574,1577],{"icon":1575,"label":1576},"i-lucide-code","Code",[102,1578,1580],{"className":104,"code":1579,"language":106,"meta":100,"style":100},"::callout\nLorem velit voluptate ex reprehenderit ullamco et culpa.\n::\n",[65,1581,1582,1588,1593],{"__ignoreMap":100},[110,1583,1584,1586],{"class":112,"line":113},[110,1585,117],{"class":116},[110,1587,339],{"class":120},[110,1589,1590],{"class":112,"line":124},[110,1591,1592],{"class":116},"Lorem velit voluptate ex reprehenderit ullamco et culpa.\n",[110,1594,1595],{"class":112,"line":131},[110,1596,236],{"class":116},[1565,1598,1600],{"icon":1599,"label":246},"i-lucide-eye",[281,1601,1602],{},[61,1603,1604],{},"Lorem velit voluptate ex reprehenderit ullamco et culpa.",[98,1606,1607],{"v-slot:code":100},[102,1608,1610],{"className":104,"code":1609,"language":106,"meta":100,"style":100},"::tabs\n\n:::tabs-item{label=\"Code\" icon=\"i-lucide-code\"}\n\n```mdc\n::callout\nLorem velit voluptate ex reprehenderit ullamco et culpa.\n::\n```\n\n:::\n\n:::tabs-item{label=\"Preview\" icon=\"i-lucide-eye\"}\n\n::::callout\nLorem velit voluptate ex reprehenderit ullamco et culpa.\n::::\n\n:::\n\n::\n",[65,1611,1612,1619,1623,1647,1651,1656,1661,1665,1669,1674,1678,1682,1686,1710,1714,1721,1725,1730,1734,1738,1742],{"__ignoreMap":100},[110,1613,1614,1616],{"class":112,"line":113},[110,1615,117],{"class":116},[110,1617,1618],{"class":120},"tabs\n",[110,1620,1621],{"class":112,"line":124},[110,1622,128],{"emptyLinePlaceholder":127},[110,1624,1625,1627,1629,1631,1633,1635,1638,1640,1642,1645],{"class":112,"line":131},[110,1626,134],{"class":116},[110,1628,1565],{"class":120},[110,1630,139],{"class":116},[110,1632,143],{"class":142},[110,1634,146],{"class":116},[110,1636,1637],{"class":149},"\"Code\"",[110,1639,153],{"class":142},[110,1641,146],{"class":116},[110,1643,1644],{"class":149},"\"i-lucide-code\"",[110,1646,161],{"class":116},[110,1648,1649],{"class":112,"line":164},[110,1650,128],{"emptyLinePlaceholder":127},[110,1652,1653],{"class":112,"line":170},[110,1654,1655],{"class":116},"```mdc\n",[110,1657,1658],{"class":112,"line":176},[110,1659,1660],{"class":116},"::callout\n",[110,1662,1663],{"class":112,"line":181},[110,1664,1592],{"class":116},[110,1666,1667],{"class":112,"line":205},[110,1668,236],{"class":116},[110,1670,1671],{"class":112,"line":223},[110,1672,1673],{"class":116},"```\n",[110,1675,1676],{"class":112,"line":228},[110,1677,128],{"emptyLinePlaceholder":127},[110,1679,1680],{"class":112,"line":233},[110,1681,173],{"class":116},[110,1683,1684],{"class":112,"line":460},[110,1685,128],{"emptyLinePlaceholder":127},[110,1687,1688,1690,1692,1694,1696,1698,1701,1703,1705,1708],{"class":112,"line":465},[110,1689,134],{"class":116},[110,1691,1565],{"class":120},[110,1693,139],{"class":116},[110,1695,143],{"class":142},[110,1697,146],{"class":116},[110,1699,1700],{"class":149},"\"Preview\"",[110,1702,153],{"class":142},[110,1704,146],{"class":116},[110,1706,1707],{"class":149},"\"i-lucide-eye\"",[110,1709,161],{"class":116},[110,1711,1712],{"class":112,"line":473},[110,1713,128],{"emptyLinePlaceholder":127},[110,1715,1716,1719],{"class":112,"line":479},[110,1717,1718],{"class":116},"::::",[110,1720,339],{"class":120},[110,1722,1723],{"class":112,"line":733},[110,1724,1592],{"class":116},[110,1726,1727],{"class":112,"line":742},[110,1728,1729],{"class":116},"::::\n",[110,1731,1732],{"class":112,"line":752},[110,1733,128],{"emptyLinePlaceholder":127},[110,1735,1736],{"class":112,"line":761},[110,1737,173],{"class":116},[110,1739,1740],{"class":112,"line":766},[110,1741,128],{"emptyLinePlaceholder":127},[110,1743,1744],{"class":112,"line":772},[110,1745,236],{"class":116},[56,1747,1749],{"id":1748},"steps","Steps",[61,1751,63,1752,1754,1755,1757],{},[65,1753,1748],{}," to create step-by-step guides from document headings. ",[65,1756,1748],{}," component automatically numbers headings, creating a numbered guide for processes and tutorials.",[61,1759,1760,1761,1764],{},"Set the ",[65,1762,1763],{},"level"," prop to define the heading level to include in the step-by-step guide.",[73,1766,1768,1848],{"className":1767},[313],[1748,1769,1771,1779,1817,1821],{"level":1770},"4",[1772,1773,1775,1776],"h4",{"id":1774},"add-the-stackhacker-ui-module-in-your-nuxtconfigts","Add the Stackhacker UI module in your ",[65,1777,1778],{},"nuxt.config.ts",[102,1780,1784],{"className":1781,"code":1782,"filename":1778,"language":1783,"meta":100,"style":100},"language-ts shiki shiki-themes github-light github-dark","export default defineNuxtConfig({\n  modules: ['shadcn-nuxt']\n})\n","ts",[65,1785,1786,1801,1812],{"__ignoreMap":100},[110,1787,1788,1792,1795,1798],{"class":112,"line":113},[110,1789,1791],{"class":1790},"szBVR","export",[110,1793,1794],{"class":1790}," default",[110,1796,1797],{"class":142}," defineNuxtConfig",[110,1799,1800],{"class":116},"({\n",[110,1802,1803,1806,1809],{"class":112,"line":124},[110,1804,1805],{"class":116},"  modules: [",[110,1807,1808],{"class":149},"'shadcn-nuxt'",[110,1810,1811],{"class":116},"]\n",[110,1813,1814],{"class":112,"line":131},[110,1815,1816],{"class":116},"})\n",[1772,1818,1820],{"id":1819},"import-tailwind-css-and-stackhacker-ui-in-your-css","Import Tailwind CSS and Stackhacker UI in your CSS",[102,1822,1827],{"className":1823,"code":1824,"filename":1825,"language":1826,"meta":100,"style":100},"language-css shiki shiki-themes github-light github-dark","@import \"tailwindcss\";\n@import \"tailwindcss\";\n","assets\u002Fcss\u002Fmain.css","css",[65,1828,1829,1840],{"__ignoreMap":100},[110,1830,1831,1834,1837],{"class":112,"line":113},[110,1832,1833],{"class":1790},"@import",[110,1835,1836],{"class":149}," \"tailwindcss\"",[110,1838,1839],{"class":116},";\n",[110,1841,1842,1844,1846],{"class":112,"line":124},[110,1843,1833],{"class":1790},[110,1845,1836],{"class":149},[110,1847,1839],{"class":116},[98,1849,1850],{"v-slot:code":100},[102,1851,1853],{"className":104,"code":1852,"language":106,"meta":100,"style":100},"::steps{level=\"4\"}\n\n#### Add the Stackhacker UI module in your `nuxt.config.ts`{lang=\"ts-type\"}\n\n```ts [nuxt.config.ts]\nexport default defineNuxtConfig({\nmodules: ['shadcn-nuxt']\n})\n```\n\n#### Import Tailwind CSS and Stackhacker UI in your CSS\n\n```css [assets\u002Fcss\u002Fmain.css]\n@import \"tailwindcss\";\n@import \"tailwindcss\";\n```\n\n::\n",[65,1854,1855,1872,1876,1888,1892,1897,1902,1907,1911,1915,1919,1924,1928,1933,1941,1949,1953,1957],{"__ignoreMap":100},[110,1856,1857,1859,1861,1863,1865,1867,1870],{"class":112,"line":113},[110,1858,117],{"class":116},[110,1860,1748],{"class":120},[110,1862,139],{"class":116},[110,1864,1763],{"class":142},[110,1866,146],{"class":116},[110,1868,1869],{"class":149},"\"4\"",[110,1871,161],{"class":116},[110,1873,1874],{"class":112,"line":124},[110,1875,128],{"emptyLinePlaceholder":127},[110,1877,1878,1882,1885],{"class":112,"line":131},[110,1879,1881],{"class":1880},"sq-ep","#### Add the Stackhacker UI module in your ",[110,1883,1884],{"class":1880},"`nuxt.config.ts`",[110,1886,1887],{"class":1880},"{lang=\"ts-type\"}\n",[110,1889,1890],{"class":112,"line":164},[110,1891,128],{"emptyLinePlaceholder":127},[110,1893,1894],{"class":112,"line":170},[110,1895,1896],{"class":116},"```ts [nuxt.config.ts]\n",[110,1898,1899],{"class":112,"line":176},[110,1900,1901],{"class":116},"export default defineNuxtConfig({\n",[110,1903,1904],{"class":112,"line":181},[110,1905,1906],{"class":116},"modules: ['shadcn-nuxt']\n",[110,1908,1909],{"class":112,"line":205},[110,1910,1816],{"class":116},[110,1912,1913],{"class":112,"line":223},[110,1914,1673],{"class":116},[110,1916,1917],{"class":112,"line":228},[110,1918,128],{"emptyLinePlaceholder":127},[110,1920,1921],{"class":112,"line":233},[110,1922,1923],{"class":1880},"#### Import Tailwind CSS and Stackhacker UI in your CSS\n",[110,1925,1926],{"class":112,"line":460},[110,1927,128],{"emptyLinePlaceholder":127},[110,1929,1930],{"class":112,"line":465},[110,1931,1932],{"class":116},"```css [assets\u002Fcss\u002Fmain.css]\n",[110,1934,1935,1937,1939],{"class":112,"line":473},[110,1936,1833],{"class":1790},[110,1938,1836],{"class":149},[110,1940,1839],{"class":116},[110,1942,1943,1945,1947],{"class":112,"line":479},[110,1944,1833],{"class":1790},[110,1946,1836],{"class":149},[110,1948,1839],{"class":116},[110,1950,1951],{"class":112,"line":733},[110,1952,1673],{"class":116},[110,1954,1955],{"class":112,"line":742},[110,1956,128],{"emptyLinePlaceholder":127},[110,1958,1959],{"class":112,"line":752},[110,1960,236],{"class":116},[1962,1963,1964],"style",{},"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 .svl0z, html code.shiki .svl0z{--shiki-default:#032F62;--shiki-default-text-decoration:underline;--shiki-dark:#DBEDFF;--shiki-dark-text-decoration:underline}html pre.shiki code .s2frl, html code.shiki .s2frl{--shiki-default:#24292E;--shiki-default-text-decoration:underline;--shiki-dark:#E1E4E8;--shiki-dark-text-decoration:underline}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 .sIZ1i, html code.shiki .sIZ1i{--shiki-default:#24292E;--shiki-default-font-weight:bold;--shiki-dark:#E1E4E8;--shiki-dark-font-weight:bold}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sq-ep, html code.shiki .sq-ep{--shiki-default:#005CC5;--shiki-default-font-weight:bold;--shiki-dark:#79B8FF;--shiki-dark-font-weight:bold}",{"title":100,"searchDepth":124,"depth":124,"links":1966},[1967,1968,1969,1970,1971,1972,1973,1974,1975,1976,1977,1978],{"id":58,"depth":131,"text":59},{"id":239,"depth":131,"text":240},{"id":281,"depth":131,"text":282},{"id":484,"depth":131,"text":485},{"id":591,"depth":131,"text":592},{"id":934,"depth":131,"text":935},{"id":1137,"depth":131,"text":1138},{"id":1216,"depth":131,"text":1217},{"id":291,"depth":131,"text":1460},{"id":1498,"depth":131,"text":1499},{"id":1557,"depth":131,"text":1558},{"id":1748,"depth":131,"text":1749},"Components to help you structure your content.",{},{"icon":44},{"title":41,"description":1979},"khQvC60bQv-jZctrFM8grtTya5M20iPVLZPjDoRuV8Q",[1985,1987],{"title":36,"path":37,"stem":38,"description":1986,"icon":39,"children":-1},"Display inline code and code blocks",{"title":46,"path":47,"stem":48,"description":1988,"icon":49,"children":-1},"Add image, video, and other HTML elements",1787072350451]