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