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