[{"data":1,"prerenderedAt":2227},["ShallowReactive",2],{"navigation":3,"-getting-started-installation-nuxt":581,"-getting-started-installation-nuxt-surround":2211,"-getting-started-installation-nuxt-description":2216},[4,108,126],{"title":5,"path":6,"stem":7,"children":8,"framework":11,"module":11,"icon":24},"Getting Started","/getting-started","1.getting-started/1.index",[9,13,42,46,51,56,68,73,85,98,103],{"title":10,"path":6,"stem":7,"framework":11,"module":11,"icon":12},"Introduction",null,"i-lucide-house",{"title":14,"framework":11,"module":11,"shadow":15,"path":16,"stem":17,"children":18,"page":41},"Installation",true,"/getting-started/installation","1.getting-started/2.installation",[19,25,29],{"title":14,"path":20,"stem":21,"framework":22,"module":23,"icon":24},"/getting-started/installation/nuxt","1.getting-started/2.installation/1.nuxt","nuxt","ui","i-lucide-square-play",{"title":14,"path":26,"stem":27,"framework":28,"module":23,"icon":24},"/getting-started/installation/vue","1.getting-started/2.installation/2.vue","vue",{"title":30,"framework":11,"module":11,"shadow":15,"path":31,"stem":32,"children":33,"page":41},"Pro","/getting-started/installation/pro","1.getting-started/2.installation/pro",[34,38],{"title":14,"path":35,"stem":36,"framework":22,"module":37,"icon":24},"/getting-started/installation/pro/nuxt","1.getting-started/2.installation/pro/1.nuxt","ui-pro",{"title":14,"path":39,"stem":40,"framework":28,"module":37,"icon":24},"/getting-started/installation/pro/vue","1.getting-started/2.installation/pro/2.vue",false,{"title":43,"path":44,"stem":45,"framework":11,"module":11},"Migration","/getting-started/migration","1.getting-started/2.migration",{"title":47,"path":48,"stem":49,"framework":11,"module":37,"icon":50},"License","/getting-started/license","1.getting-started/3.license","i-lucide-key-square",{"title":52,"path":53,"stem":54,"framework":11,"module":11,"icon":55},"Theme","/getting-started/theme","1.getting-started/3.theme","i-lucide-swatch-book",{"title":57,"framework":11,"module":11,"shadow":15,"path":58,"stem":59,"children":60,"page":41},"Icons","/getting-started/icons","1.getting-started/4.icons",[61,65],{"title":57,"path":62,"stem":63,"framework":22,"module":11,"icon":64},"/getting-started/icons/nuxt","1.getting-started/4.icons/1.nuxt","i-lucide-smile",{"title":57,"path":66,"stem":67,"framework":28,"module":11,"icon":64},"/getting-started/icons/vue","1.getting-started/4.icons/2.vue",{"title":69,"path":70,"stem":71,"framework":22,"module":11,"icon":72},"Fonts","/getting-started/fonts","1.getting-started/5.fonts","i-lucide-a-large-small",{"title":74,"framework":11,"module":11,"shadow":15,"path":75,"stem":76,"children":77,"page":41},"Color Mode","/getting-started/color-mode","1.getting-started/6.color-mode",[78,82],{"title":74,"path":79,"stem":80,"framework":22,"module":11,"icon":81},"/getting-started/color-mode/nuxt","1.getting-started/6.color-mode/1.nuxt","i-lucide-sun-moon",{"title":74,"path":83,"stem":84,"framework":28,"module":11,"icon":81},"/getting-started/color-mode/vue","1.getting-started/6.color-mode/2.vue",{"title":86,"framework":11,"module":11,"shadow":15,"path":87,"stem":88,"children":89,"page":41},"I18n","/getting-started/i18n","1.getting-started/7.i18n",[90,95],{"title":91,"path":92,"stem":93,"framework":22,"module":11,"icon":94},"Internationalization (i18n)","/getting-started/i18n/nuxt","1.getting-started/7.i18n/1.nuxt","i-lucide-languages",{"title":91,"path":96,"stem":97,"framework":28,"module":11,"icon":94},"/getting-started/i18n/vue","1.getting-started/7.i18n/2.vue",{"title":99,"path":100,"stem":101,"framework":22,"module":37,"icon":102},"Content","/getting-started/content","1.getting-started/8.content","i-simple-icons-markdown",{"title":104,"path":105,"stem":106,"framework":22,"module":37,"icon":107},"Typography","/getting-started/typography","1.getting-started/9.typography","i-lucide-type",{"title":109,"framework":11,"module":11,"icon":110,"path":111,"stem":112,"children":113,"page":41},"Composables","i-lucide-square-function","/composables","2.composables",[114,118,122],{"title":115,"path":116,"stem":117,"framework":11,"module":11},"defineShortcuts","/composables/define-shortcuts","2.composables/define-shortcuts",{"title":119,"path":120,"stem":121,"framework":11,"module":11},"useOverlay","/composables/use-overlay","2.composables/use-overlay",{"title":123,"path":124,"stem":125,"framework":11,"module":11},"useToast","/composables/use-toast","2.composables/use-toast",{"title":127,"framework":11,"module":11,"icon":128,"path":129,"stem":130,"children":131,"page":41},"Components","i-lucide-square-code","/components","3.components",[132,136,140,144,148,152,156,160,164,168,172,176,180,184,188,192,196,200,204,208,212,216,220,224,228,232,236,240,244,248,252,256,260,264,268,272,276,280,284,288,292,296,300,304,308,312,316,320,324,328,332,336,340,344,348,353,357,361,365,369,373,377,381,385,389,393,397,401,405,409,413,417,421,425,429,433,437,441,445,449,453,457,461,465,469,473,477,481,485,489,493,497,501,505,509,513,517,521,525,529,533,537,541,545,549,553,557,561,565,569,573,577],{"title":133,"path":134,"stem":135,"framework":11,"module":11},"App","/components/app","3.components/0.app",{"title":137,"path":138,"stem":139,"framework":11,"module":11},"Accordion","/components/accordion","3.components/accordion",{"title":141,"path":142,"stem":143,"framework":11,"module":11},"Alert","/components/alert","3.components/alert",{"title":145,"path":146,"stem":147,"framework":11,"module":37},"AuthForm","/components/auth-form","3.components/auth-form",{"title":149,"path":150,"stem":151,"framework":11,"module":11},"Avatar","/components/avatar","3.components/avatar",{"title":153,"path":154,"stem":155,"framework":11,"module":11},"AvatarGroup","/components/avatar-group","3.components/avatar-group",{"title":157,"path":158,"stem":159,"framework":11,"module":11},"Badge","/components/badge","3.components/badge",{"title":161,"path":162,"stem":163,"framework":11,"module":37},"Banner","/components/banner","3.components/banner",{"title":165,"path":166,"stem":167,"framework":11,"module":37},"BlogPost","/components/blog-post","3.components/blog-post",{"title":169,"path":170,"stem":171,"framework":11,"module":37},"BlogPosts","/components/blog-posts","3.components/blog-posts",{"title":173,"path":174,"stem":175,"framework":11,"module":11},"Breadcrumb","/components/breadcrumb","3.components/breadcrumb",{"title":177,"path":178,"stem":179,"framework":11,"module":11},"Button","/components/button","3.components/button",{"title":181,"path":182,"stem":183,"framework":11,"module":11},"ButtonGroup","/components/button-group","3.components/button-group",{"title":185,"path":186,"stem":187,"framework":11,"module":11},"Calendar","/components/calendar","3.components/calendar",{"title":189,"path":190,"stem":191,"framework":11,"module":11},"Card","/components/card","3.components/card",{"title":193,"path":194,"stem":195,"framework":11,"module":11},"Carousel","/components/carousel","3.components/carousel",{"title":197,"path":198,"stem":199,"framework":11,"module":37},"ChangelogVersion","/components/changelog-version","3.components/changelog-version",{"title":201,"path":202,"stem":203,"framework":11,"module":37},"ChangelogVersions","/components/changelog-versions","3.components/changelog-versions",{"title":205,"path":206,"stem":207,"framework":11,"module":37},"ChatMessage","/components/chat-message","3.components/chat-message",{"title":209,"path":210,"stem":211,"framework":11,"module":37},"ChatMessages","/components/chat-messages","3.components/chat-messages",{"title":213,"path":214,"stem":215,"framework":11,"module":37},"ChatPalette","/components/chat-palette","3.components/chat-palette",{"title":217,"path":218,"stem":219,"framework":11,"module":37},"ChatPrompt","/components/chat-prompt","3.components/chat-prompt",{"title":221,"path":222,"stem":223,"framework":11,"module":37},"ChatPromptSubmit","/components/chat-prompt-submit","3.components/chat-prompt-submit",{"title":225,"path":226,"stem":227,"framework":11,"module":11},"Checkbox","/components/checkbox","3.components/checkbox",{"title":229,"path":230,"stem":231,"framework":11,"module":11},"CheckboxGroup","/components/checkbox-group","3.components/checkbox-group",{"title":233,"path":234,"stem":235,"framework":11,"module":11},"Chip","/components/chip","3.components/chip",{"title":237,"path":238,"stem":239,"framework":11,"module":11},"Collapsible","/components/collapsible","3.components/collapsible",{"title":241,"path":242,"stem":243,"framework":11,"module":37},"ColorModeAvatar","/components/color-mode-avatar","3.components/color-mode-avatar",{"title":245,"path":246,"stem":247,"framework":11,"module":37},"ColorModeButton","/components/color-mode-button","3.components/color-mode-button",{"title":249,"path":250,"stem":251,"framework":11,"module":37},"ColorModeImage","/components/color-mode-image","3.components/color-mode-image",{"title":253,"path":254,"stem":255,"framework":11,"module":37},"ColorModeSelect","/components/color-mode-select","3.components/color-mode-select",{"title":257,"path":258,"stem":259,"framework":11,"module":37},"ColorModeSwitch","/components/color-mode-switch","3.components/color-mode-switch",{"title":261,"path":262,"stem":263,"framework":11,"module":11},"ColorPicker","/components/color-picker","3.components/color-picker",{"title":265,"path":266,"stem":267,"framework":11,"module":11},"CommandPalette","/components/command-palette","3.components/command-palette",{"title":269,"path":270,"stem":271,"framework":11,"module":11},"Container","/components/container","3.components/container",{"title":273,"path":274,"stem":275,"framework":22,"module":37},"ContentNavigation","/components/content-navigation","3.components/content-navigation",{"title":277,"path":278,"stem":279,"framework":22,"module":37},"ContentSearch","/components/content-search","3.components/content-search",{"title":281,"path":282,"stem":283,"framework":22,"module":37},"ContentSearchButton","/components/content-search-button","3.components/content-search-button",{"title":285,"path":286,"stem":287,"framework":22,"module":37},"ContentSurround","/components/content-surround","3.components/content-surround",{"title":289,"path":290,"stem":291,"framework":22,"module":37},"ContentToc","/components/content-toc","3.components/content-toc",{"title":293,"path":294,"stem":295,"framework":11,"module":11},"ContextMenu","/components/context-menu","3.components/context-menu",{"title":297,"path":298,"stem":299,"framework":11,"module":37},"DashboardGroup","/components/dashboard-group","3.components/dashboard-group",{"title":301,"path":302,"stem":303,"framework":11,"module":37},"DashboardNavbar","/components/dashboard-navbar","3.components/dashboard-navbar",{"title":305,"path":306,"stem":307,"framework":11,"module":37},"DashboardPanel","/components/dashboard-panel","3.components/dashboard-panel",{"title":309,"path":310,"stem":311,"framework":11,"module":37},"DashboardResizeHandle","/components/dashboard-resize-handle","3.components/dashboard-resize-handle",{"title":313,"path":314,"stem":315,"framework":11,"module":37},"DashboardSearch","/components/dashboard-search","3.components/dashboard-search",{"title":317,"path":318,"stem":319,"framework":11,"module":37},"DashboardSearchButton","/components/dashboard-search-button","3.components/dashboard-search-button",{"title":321,"path":322,"stem":323,"framework":11,"module":37},"DashboardSidebar","/components/dashboard-sidebar","3.components/dashboard-sidebar",{"title":325,"path":326,"stem":327,"framework":11,"module":37},"DashboardSidebarCollapse","/components/dashboard-sidebar-collapse","3.components/dashboard-sidebar-collapse",{"title":329,"path":330,"stem":331,"framework":11,"module":37},"DashboardSidebarToggle","/components/dashboard-sidebar-toggle","3.components/dashboard-sidebar-toggle",{"title":333,"path":334,"stem":335,"framework":11,"module":37},"DashboardToolbar","/components/dashboard-toolbar","3.components/dashboard-toolbar",{"title":337,"path":338,"stem":339,"framework":11,"module":11},"Drawer","/components/drawer","3.components/drawer",{"title":341,"path":342,"stem":343,"framework":11,"module":11},"DropdownMenu","/components/dropdown-menu","3.components/dropdown-menu",{"title":345,"path":346,"stem":347,"framework":11,"module":37},"Error","/components/error","3.components/error",{"title":349,"path":350,"stem":351,"framework":11,"module":11,"badge":352},"FileUpload","/components/file-upload","3.components/file-upload","New",{"title":354,"path":355,"stem":356,"framework":11,"module":37},"Footer","/components/footer","3.components/footer",{"title":358,"path":359,"stem":360,"framework":11,"module":37},"FooterColumns","/components/footer-columns","3.components/footer-columns",{"title":362,"path":363,"stem":364,"framework":11,"module":11},"Form","/components/form","3.components/form",{"title":366,"path":367,"stem":368,"framework":11,"module":11},"FormField","/components/form-field","3.components/form-field",{"title":370,"path":371,"stem":372,"framework":11,"module":37},"Header","/components/header","3.components/header",{"title":374,"path":375,"stem":376,"framework":11,"module":11},"Icon","/components/icon","3.components/icon",{"title":378,"path":379,"stem":380,"framework":11,"module":11},"Input","/components/input","3.components/input",{"title":382,"path":383,"stem":384,"framework":11,"module":11},"InputMenu","/components/input-menu","3.components/input-menu",{"title":386,"path":387,"stem":388,"framework":11,"module":11},"InputNumber","/components/input-number","3.components/input-number",{"title":390,"path":391,"stem":392,"framework":11,"module":11},"InputTags","/components/input-tags","3.components/input-tags",{"title":394,"path":395,"stem":396,"framework":11,"module":11},"Kbd","/components/kbd","3.components/kbd",{"title":398,"path":399,"stem":400,"framework":11,"module":11},"Link","/components/link","3.components/link",{"title":402,"path":403,"stem":404,"framework":11,"module":37},"LocaleSelect","/components/locale-select","3.components/locale-select",{"title":406,"path":407,"stem":408,"framework":11,"module":37},"Main","/components/main","3.components/main",{"title":410,"path":411,"stem":412,"framework":11,"module":11},"Modal","/components/modal","3.components/modal",{"title":414,"path":415,"stem":416,"framework":11,"module":11},"NavigationMenu","/components/navigation-menu","3.components/navigation-menu",{"title":418,"path":419,"stem":420,"framework":11,"module":37},"Page","/components/page","3.components/page",{"title":422,"path":423,"stem":424,"framework":11,"module":37},"PageAccordion","/components/page-accordion","3.components/page-accordion",{"title":426,"path":427,"stem":428,"framework":11,"module":37},"PageAnchors","/components/page-anchors","3.components/page-anchors",{"title":430,"path":431,"stem":432,"framework":11,"module":37},"PageAside","/components/page-aside","3.components/page-aside",{"title":434,"path":435,"stem":436,"framework":11,"module":37},"PageBody","/components/page-body","3.components/page-body",{"title":438,"path":439,"stem":440,"framework":11,"module":37},"PageCard","/components/page-card","3.components/page-card",{"title":442,"path":443,"stem":444,"framework":11,"module":37},"PageColumns","/components/page-columns","3.components/page-columns",{"title":446,"path":447,"stem":448,"framework":11,"module":37},"PageCTA","/components/page-cta","3.components/page-cta",{"title":450,"path":451,"stem":452,"framework":11,"module":37},"PageFeature","/components/page-feature","3.components/page-feature",{"title":454,"path":455,"stem":456,"framework":11,"module":37},"PageGrid","/components/page-grid","3.components/page-grid",{"title":458,"path":459,"stem":460,"framework":11,"module":37},"PageHeader","/components/page-header","3.components/page-header",{"title":462,"path":463,"stem":464,"framework":11,"module":37},"PageHero","/components/page-hero","3.components/page-hero",{"title":466,"path":467,"stem":468,"framework":11,"module":37},"PageLinks","/components/page-links","3.components/page-links",{"title":470,"path":471,"stem":472,"framework":11,"module":37},"PageList","/components/page-list","3.components/page-list",{"title":474,"path":475,"stem":476,"framework":11,"module":37},"PageLogos","/components/page-logos","3.components/page-logos",{"title":478,"path":479,"stem":480,"framework":11,"module":37},"PageMarquee","/components/page-marquee","3.components/page-marquee",{"title":482,"path":483,"stem":484,"framework":11,"module":37},"PageSection","/components/page-section","3.components/page-section",{"title":486,"path":487,"stem":488,"framework":11,"module":11},"Pagination","/components/pagination","3.components/pagination",{"title":490,"path":491,"stem":492,"framework":11,"module":11},"PinInput","/components/pin-input","3.components/pin-input",{"title":494,"path":495,"stem":496,"framework":11,"module":11},"Popover","/components/popover","3.components/popover",{"title":498,"path":499,"stem":500,"framework":11,"module":37},"PricingPlan","/components/pricing-plan","3.components/pricing-plan",{"title":502,"path":503,"stem":504,"framework":11,"module":37},"PricingPlans","/components/pricing-plans","3.components/pricing-plans",{"title":506,"path":507,"stem":508,"framework":11,"module":37},"PricingTable","/components/pricing-table","3.components/pricing-table",{"title":510,"path":511,"stem":512,"framework":11,"module":11},"Progress","/components/progress","3.components/progress",{"title":514,"path":515,"stem":516,"framework":11,"module":11},"RadioGroup","/components/radio-group","3.components/radio-group",{"title":518,"path":519,"stem":520,"framework":11,"module":11},"Select","/components/select","3.components/select",{"title":522,"path":523,"stem":524,"framework":11,"module":11},"SelectMenu","/components/select-menu","3.components/select-menu",{"title":526,"path":527,"stem":528,"framework":11,"module":11},"Separator","/components/separator","3.components/separator",{"title":530,"path":531,"stem":532,"framework":11,"module":11},"Skeleton","/components/skeleton","3.components/skeleton",{"title":534,"path":535,"stem":536,"framework":11,"module":11},"Slideover","/components/slideover","3.components/slideover",{"title":538,"path":539,"stem":540,"framework":11,"module":11},"Slider","/components/slider","3.components/slider",{"title":542,"path":543,"stem":544,"framework":11,"module":11},"Stepper","/components/stepper","3.components/stepper",{"title":546,"path":547,"stem":548,"framework":11,"module":11},"Switch","/components/switch","3.components/switch",{"title":550,"path":551,"stem":552,"framework":11,"module":11},"Table","/components/table","3.components/table",{"title":554,"path":555,"stem":556,"framework":11,"module":11},"Tabs","/components/tabs","3.components/tabs",{"title":558,"path":559,"stem":560,"framework":11,"module":11},"Textarea","/components/textarea","3.components/textarea",{"title":562,"path":563,"stem":564,"framework":11,"module":11},"Timeline","/components/timeline","3.components/timeline",{"title":566,"path":567,"stem":568,"framework":11,"module":11},"Toast","/components/toast","3.components/toast",{"title":570,"path":571,"stem":572,"framework":11,"module":11},"Tooltip","/components/tooltip","3.components/tooltip",{"title":574,"path":575,"stem":576,"framework":11,"module":11},"Tree","/components/tree","3.components/tree",{"title":578,"path":579,"stem":580,"framework":11,"module":37},"User","/components/user","3.components/user",{"id":582,"title":14,"body":583,"category":11,"description":2201,"extension":1980,"framework":22,"links":2202,"meta":2207,"module":23,"navigation":2208,"path":20,"seo":2209,"stem":21,"__hash__":2210},"content/1.getting-started/2.installation/1.nuxt.md",{"type":584,"value":585,"toc":2185},"minimark",[586,601,606,611,1196,1200,1209,1212,1237,1245,1248,1278,1282,1287,1292,1298,1310,1399,1404,1417,1426,1508,1514,1525,1533,1613,1619,1624,1687,1797,1804,1810,1815,1823,1915,1924,1936,1949,1986,2113,2117,2126,2133,2174,2181],[587,588,592],"callout",{"icon":589,"className":590,"to":26},"i-logos-vue",[591],"hidden",[593,594,595,596,600],"p",{},"Looking for the ",[597,598,599],"strong",{},"Vue"," version?",[602,603,605],"h2",{"id":604},"setup","Setup",[607,608,610],"h3",{"id":609},"add-to-a-nuxt-project","Add to a Nuxt project",[612,613,615,620,693,720,742,802,806,909,1117,1121,1178],"steps",{"level":614},"4",[616,617,619],"h4",{"id":618},"install-the-nuxt-ui-package","Install the Nuxt UI package",[621,622,624,650,664,679],"code-group",{"sync":623},"pm",[625,626,632],"pre",{"className":627,"code":628,"filename":629,"language":630,"meta":631,"style":631},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","pnpm add @nuxt/ui\n","pnpm","bash","",[633,634,635],"code",{"__ignoreMap":631},[636,637,640,643,647],"span",{"class":638,"line":639},"line",1,[636,641,629],{"class":642},"sBMFI",[636,644,646],{"class":645},"sfazB"," add",[636,648,649],{"class":645}," @nuxt/ui\n",[625,651,654],{"className":627,"code":652,"filename":653,"language":630,"meta":631,"style":631},"yarn add @nuxt/ui\n","yarn",[633,655,656],{"__ignoreMap":631},[636,657,658,660,662],{"class":638,"line":639},[636,659,653],{"class":642},[636,661,646],{"class":645},[636,663,649],{"class":645},[625,665,668],{"className":627,"code":666,"filename":667,"language":630,"meta":631,"style":631},"npm install @nuxt/ui\n","npm",[633,669,670],{"__ignoreMap":631},[636,671,672,674,677],{"class":638,"line":639},[636,673,667],{"class":642},[636,675,676],{"class":645}," install",[636,678,649],{"class":645},[625,680,683],{"className":627,"code":681,"filename":682,"language":630,"meta":631,"style":631},"bun add @nuxt/ui\n","bun",[633,684,685],{"__ignoreMap":631},[636,686,687,689,691],{"class":638,"line":639},[636,688,682],{"class":642},[636,690,646],{"class":645},[636,692,649],{"class":645},[694,695,696],"warning",{},[593,697,698,699,701,702,711,712,715,716,719],{},"If you're using ",[597,700,629],{},", ensure that you either set ",[703,704,708],"a",{"href":705,"rel":706},"https://pnpm.io/npmrc#shamefully-hoist",[707],"nofollow",[633,709,710],{},"shamefully-hoist=true"," in your ",[633,713,714],{},".npmrc"," file or install ",[633,717,718],{},"tailwindcss"," in your project's root directory.",[616,721,723,724],{"id":722},"add-the-nuxt-ui-module-in-your-nuxtconfigts","Add the Nuxt UI module in your ",[633,725,728,730,734,737,739],{"className":726,"language":727,"style":631},"language-ts-type shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","ts-type",[636,729,22],{"class":642},[636,731,733],{"class":732},"sMK4o",".",[636,735,736],{"class":642},"config",[636,738,733],{"class":732},[636,740,741],{"class":642},"ts",[625,743,747],{"className":744,"code":745,"filename":746,"language":741,"meta":631,"style":631},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineNuxtConfig({\n  modules: ['@nuxt/ui']\n})\n","nuxt.config.ts",[633,748,749,769,793],{"__ignoreMap":631},[636,750,751,755,758,762,766],{"class":638,"line":639},[636,752,754],{"class":753},"s7zQu","export",[636,756,757],{"class":753}," default",[636,759,761],{"class":760},"s2Zo4"," defineNuxtConfig",[636,763,765],{"class":764},"sTEyZ","(",[636,767,768],{"class":732},"{\n",[636,770,772,776,779,782,785,788,790],{"class":638,"line":771},2,[636,773,775],{"class":774},"swJcz","  modules",[636,777,778],{"class":732},":",[636,780,781],{"class":764}," [",[636,783,784],{"class":732},"'",[636,786,787],{"class":645},"@nuxt/ui",[636,789,784],{"class":732},[636,791,792],{"class":764},"]\n",[636,794,796,799],{"class":638,"line":795},3,[636,797,798],{"class":732},"}",[636,800,801],{"class":764},")\n",[616,803,805],{"id":804},"import-tailwind-css-and-nuxt-ui-in-your-css","Import Tailwind CSS and Nuxt UI in your CSS",[621,807,808,844],{},[625,809,814],{"className":810,"code":811,"filename":812,"language":813,"meta":631,"style":631},"language-css shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","@import \"tailwindcss\";\n@import \"@nuxt/ui\";\n","app/assets/css/main.css","css",[633,815,816,832],{"__ignoreMap":631},[636,817,818,821,824,826,829],{"class":638,"line":639},[636,819,820],{"class":753},"@import",[636,822,823],{"class":732}," \"",[636,825,718],{"class":645},[636,827,828],{"class":732},"\"",[636,830,831],{"class":732},";\n",[636,833,834,836,838,840,842],{"class":638,"line":771},[636,835,820],{"class":753},[636,837,823],{"class":732},[636,839,787],{"class":645},[636,841,828],{"class":732},[636,843,831],{"class":732},[625,845,848],{"className":744,"code":846,"filename":746,"highlights":847,"language":741,"meta":631,"style":631},"export default defineNuxtConfig({\n  modules: ['@nuxt/ui'],\n  css: ['~/assets/css/main.css']\n})\n",[795],[633,849,850,862,882,902],{"__ignoreMap":631},[636,851,852,854,856,858,860],{"class":638,"line":639},[636,853,754],{"class":753},[636,855,757],{"class":753},[636,857,761],{"class":760},[636,859,765],{"class":764},[636,861,768],{"class":732},[636,863,864,866,868,870,872,874,876,879],{"class":638,"line":771},[636,865,775],{"class":774},[636,867,778],{"class":732},[636,869,781],{"class":764},[636,871,784],{"class":732},[636,873,787],{"class":645},[636,875,784],{"class":732},[636,877,878],{"class":764},"]",[636,880,881],{"class":732},",\n",[636,883,886,889,891,893,895,898,900],{"class":884,"line":795},[638,885],"highlight",[636,887,888],{"class":774},"  css",[636,890,778],{"class":732},[636,892,781],{"class":764},[636,894,784],{"class":732},[636,896,897],{"class":645},"~/assets/css/main.css",[636,899,784],{"class":732},[636,901,792],{"class":764},[636,903,905,907],{"class":638,"line":904},4,[636,906,798],{"class":732},[636,908,801],{"class":764},[587,910,912,921],{"icon":911},"i-simple-icons-visualstudiocode",[593,913,914,915,920],{},"It's recommended to install the ",[703,916,919],{"href":917,"rel":918},"https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss",[707],"Tailwind CSS IntelliSense"," extension for VSCode and add the following settings:",[625,922,927],{"className":923,"code":924,"filename":925,"language":926,"meta":631,"style":631},"language-json shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","{\n  \"files.associations\": {\n    \"*.css\": \"tailwindcss\"\n  },\n  \"editor.quickSuggestions\": {\n    \"strings\": \"on\"\n  },\n  \"tailwindCSS.classAttributes\": [\"class\", \"ui\"],\n  \"tailwindCSS.experimental.classRegex\": [\n    [\"ui:\\\\s*{([^)]*)\\\\s*}\", \"(?:'|\\\"|`)([^']*)(?:'|\\\"|`)\"]\n  ]\n}\n",".vscode/settings.json","json",[633,928,929,933,949,968,973,987,1006,1011,1044,1059,1105,1111],{"__ignoreMap":631},[636,930,931],{"class":638,"line":639},[636,932,768],{"class":732},[636,934,935,938,942,944,946],{"class":638,"line":771},[636,936,937],{"class":732},"  \"",[636,939,941],{"class":940},"spNyl","files.associations",[636,943,828],{"class":732},[636,945,778],{"class":732},[636,947,948],{"class":732}," {\n",[636,950,951,954,957,959,961,963,965],{"class":638,"line":795},[636,952,953],{"class":732},"    \"",[636,955,956],{"class":642},"*.css",[636,958,828],{"class":732},[636,960,778],{"class":732},[636,962,823],{"class":732},[636,964,718],{"class":645},[636,966,967],{"class":732},"\"\n",[636,969,970],{"class":638,"line":904},[636,971,972],{"class":732},"  },\n",[636,974,976,978,981,983,985],{"class":638,"line":975},5,[636,977,937],{"class":732},[636,979,980],{"class":940},"editor.quickSuggestions",[636,982,828],{"class":732},[636,984,778],{"class":732},[636,986,948],{"class":732},[636,988,990,992,995,997,999,1001,1004],{"class":638,"line":989},6,[636,991,953],{"class":732},[636,993,994],{"class":642},"strings",[636,996,828],{"class":732},[636,998,778],{"class":732},[636,1000,823],{"class":732},[636,1002,1003],{"class":645},"on",[636,1005,967],{"class":732},[636,1007,1009],{"class":638,"line":1008},7,[636,1010,972],{"class":732},[636,1012,1014,1016,1019,1021,1023,1025,1027,1030,1032,1035,1037,1039,1041],{"class":638,"line":1013},8,[636,1015,937],{"class":732},[636,1017,1018],{"class":940},"tailwindCSS.classAttributes",[636,1020,828],{"class":732},[636,1022,778],{"class":732},[636,1024,781],{"class":732},[636,1026,828],{"class":732},[636,1028,1029],{"class":645},"class",[636,1031,828],{"class":732},[636,1033,1034],{"class":732},",",[636,1036,823],{"class":732},[636,1038,23],{"class":645},[636,1040,828],{"class":732},[636,1042,1043],{"class":732},"],\n",[636,1045,1047,1049,1052,1054,1056],{"class":638,"line":1046},9,[636,1048,937],{"class":732},[636,1050,1051],{"class":940},"tailwindCSS.experimental.classRegex",[636,1053,828],{"class":732},[636,1055,778],{"class":732},[636,1057,1058],{"class":732}," [\n",[636,1060,1062,1065,1067,1070,1073,1076,1078,1081,1083,1085,1087,1090,1093,1096,1098,1101,1103],{"class":638,"line":1061},10,[636,1063,1064],{"class":732},"    [",[636,1066,828],{"class":732},[636,1068,1069],{"class":645},"ui:",[636,1071,1072],{"class":764},"\\\\",[636,1074,1075],{"class":645},"s*{([^)]*)",[636,1077,1072],{"class":764},[636,1079,1080],{"class":645},"s*}",[636,1082,828],{"class":732},[636,1084,1034],{"class":732},[636,1086,823],{"class":732},[636,1088,1089],{"class":645},"(?:'|",[636,1091,1092],{"class":764},"\\\"",[636,1094,1095],{"class":645},"|`)([^']*)(?:'|",[636,1097,1092],{"class":764},[636,1099,1100],{"class":645},"|`)",[636,1102,828],{"class":732},[636,1104,792],{"class":732},[636,1106,1108],{"class":638,"line":1107},11,[636,1109,1110],{"class":732},"  ]\n",[636,1112,1114],{"class":638,"line":1113},12,[636,1115,1116],{"class":732},"}\n",[616,1118,1120],{"id":1119},"wrap-your-app-with-app-component","Wrap your app with App component",[625,1122,1126],{"className":1123,"code":1124,"filename":1125,"language":28,"meta":631,"style":631},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n  \u003CUApp>\n    \u003CNuxtPage />\n  \u003C/UApp>\n\u003C/template>\n","app.vue",[633,1127,1128,1139,1149,1160,1169],{"__ignoreMap":631},[636,1129,1130,1133,1136],{"class":638,"line":639},[636,1131,1132],{"class":732},"\u003C",[636,1134,1135],{"class":774},"template",[636,1137,1138],{"class":732},">\n",[636,1140,1141,1144,1147],{"class":638,"line":771},[636,1142,1143],{"class":732},"  \u003C",[636,1145,1146],{"class":774},"UApp",[636,1148,1138],{"class":732},[636,1150,1151,1154,1157],{"class":638,"line":795},[636,1152,1153],{"class":732},"    \u003C",[636,1155,1156],{"class":774},"NuxtPage",[636,1158,1159],{"class":732}," />\n",[636,1161,1162,1165,1167],{"class":638,"line":904},[636,1163,1164],{"class":732},"  \u003C/",[636,1166,1146],{"class":774},[636,1168,1138],{"class":732},[636,1170,1171,1174,1176],{"class":638,"line":975},[636,1172,1173],{"class":732},"\u003C/",[636,1175,1135],{"class":774},[636,1177,1138],{"class":732},[1179,1180,1181],"note",{"to":134},[593,1182,1183,1184,1186,1187,1189,1190,1192,1193,733],{},"The ",[633,1185,133],{}," component provides global configurations and is required for ",[597,1188,566],{},", ",[597,1191,570],{}," components to work as well as ",[597,1194,1195],{},"Programmatic Overlays",[607,1197,1199],{"id":1198},"use-our-nuxt-starter","Use our Nuxt Starter",[593,1201,1202,1203,1208],{},"Start your project using the ",[703,1204,1207],{"href":1205,"rel":1206},"https://github.com/nuxt/starter/tree/ui",[707],"nuxt/starter#ui"," template with Nuxt UI pre-configured.",[593,1210,1211],{},"Create a new project locally by running the following command:",[625,1213,1216],{"className":627,"code":1214,"filename":1215,"language":630,"meta":631,"style":631},"npm create nuxt@latest -- -t ui\n","Terminal",[633,1217,1218],{"__ignoreMap":631},[636,1219,1220,1222,1225,1228,1231,1234],{"class":638,"line":639},[636,1221,667],{"class":642},[636,1223,1224],{"class":645}," create",[636,1226,1227],{"class":645}," nuxt@latest",[636,1229,1230],{"class":645}," --",[636,1232,1233],{"class":645}," -t",[636,1235,1236],{"class":645}," ui\n",[1179,1238,1239],{},[593,1240,1183,1241,1244],{},[633,1242,1243],{},"\u003Cmy-app>"," argument is the name of the directory where the project will be created, replace it with your project name.",[593,1246,1247],{},"Once the installation is complete, navigate into your project and start the development server:",[625,1249,1251],{"className":627,"code":1250,"filename":1215,"language":630,"meta":631,"style":631},"cd \u003Cmy-app>\nnpm run dev\n",[633,1252,1253,1268],{"__ignoreMap":631},[636,1254,1255,1258,1261,1264,1266],{"class":638,"line":639},[636,1256,1257],{"class":760},"cd",[636,1259,1260],{"class":732}," \u003C",[636,1262,1263],{"class":645},"my-ap",[636,1265,593],{"class":764},[636,1267,1138],{"class":732},[636,1269,1270,1272,1275],{"class":638,"line":771},[636,1271,667],{"class":642},[636,1273,1274],{"class":645}," run",[636,1276,1277],{"class":645}," dev\n",[602,1279,1281],{"id":1280},"options","Options",[593,1283,1284,1285,733],{},"You can customize Nuxt UI by providing options in your ",[633,1286,746],{},[607,1288,1290],{"id":1289},"prefix",[633,1291,1289],{},[593,1293,1294,1295,1297],{},"Use the ",[633,1296,1289],{}," option to change the prefix of the components.",[1299,1300,1301],"ul",{},[1302,1303,1304,1305],"li",{},"Default: ",[633,1306,1307],{"className":726,"language":727,"style":631},[636,1308,1309],{"class":642},"U",[625,1311,1313],{"className":744,"code":1312,"filename":746,"language":741,"meta":631,"style":631},"export default defineNuxtConfig({\n  modules: ['@nuxt/ui'],\n  css: ['~/assets/css/main.css'],\n  ui: {\n    prefix: 'Nuxt'\n  }\n})\n",[633,1314,1315,1327,1345,1363,1372,1388,1393],{"__ignoreMap":631},[636,1316,1317,1319,1321,1323,1325],{"class":638,"line":639},[636,1318,754],{"class":753},[636,1320,757],{"class":753},[636,1322,761],{"class":760},[636,1324,765],{"class":764},[636,1326,768],{"class":732},[636,1328,1329,1331,1333,1335,1337,1339,1341,1343],{"class":638,"line":771},[636,1330,775],{"class":774},[636,1332,778],{"class":732},[636,1334,781],{"class":764},[636,1336,784],{"class":732},[636,1338,787],{"class":645},[636,1340,784],{"class":732},[636,1342,878],{"class":764},[636,1344,881],{"class":732},[636,1346,1347,1349,1351,1353,1355,1357,1359,1361],{"class":638,"line":795},[636,1348,888],{"class":774},[636,1350,778],{"class":732},[636,1352,781],{"class":764},[636,1354,784],{"class":732},[636,1356,897],{"class":645},[636,1358,784],{"class":732},[636,1360,878],{"class":764},[636,1362,881],{"class":732},[636,1364,1365,1368,1370],{"class":638,"line":904},[636,1366,1367],{"class":774},"  ui",[636,1369,778],{"class":732},[636,1371,948],{"class":732},[636,1373,1374,1377,1379,1382,1385],{"class":638,"line":975},[636,1375,1376],{"class":774},"    prefix",[636,1378,778],{"class":732},[636,1380,1381],{"class":732}," '",[636,1383,1384],{"class":645},"Nuxt",[636,1386,1387],{"class":732},"'\n",[636,1389,1390],{"class":638,"line":989},[636,1391,1392],{"class":732},"  }\n",[636,1394,1395,1397],{"class":638,"line":1008},[636,1396,798],{"class":732},[636,1398,801],{"class":764},[607,1400,1402],{"id":1401},"fonts",[633,1403,1401],{},[593,1405,1294,1406,1408,1409,1416],{},[633,1407,1401],{}," option to enable or disable the ",[703,1410,1413],{"href":1411,"rel":1412},"https://github.com/nuxt/fonts",[707],[633,1414,1415],{},"@nuxt/fonts"," module.",[1299,1418,1419],{},[1302,1420,1304,1421],{},[633,1422,1423],{"className":726,"language":727,"style":631},[636,1424,1425],{"class":642},"true",[625,1427,1429],{"className":744,"code":1428,"filename":746,"language":741,"meta":631,"style":631},"export default defineNuxtConfig({\n  modules: ['@nuxt/ui'],\n  css: ['~/assets/css/main.css'],\n  ui: {\n    fonts: false\n  }\n})\n",[633,1430,1431,1443,1461,1479,1487,1498,1502],{"__ignoreMap":631},[636,1432,1433,1435,1437,1439,1441],{"class":638,"line":639},[636,1434,754],{"class":753},[636,1436,757],{"class":753},[636,1438,761],{"class":760},[636,1440,765],{"class":764},[636,1442,768],{"class":732},[636,1444,1445,1447,1449,1451,1453,1455,1457,1459],{"class":638,"line":771},[636,1446,775],{"class":774},[636,1448,778],{"class":732},[636,1450,781],{"class":764},[636,1452,784],{"class":732},[636,1454,787],{"class":645},[636,1456,784],{"class":732},[636,1458,878],{"class":764},[636,1460,881],{"class":732},[636,1462,1463,1465,1467,1469,1471,1473,1475,1477],{"class":638,"line":795},[636,1464,888],{"class":774},[636,1466,778],{"class":732},[636,1468,781],{"class":764},[636,1470,784],{"class":732},[636,1472,897],{"class":645},[636,1474,784],{"class":732},[636,1476,878],{"class":764},[636,1478,881],{"class":732},[636,1480,1481,1483,1485],{"class":638,"line":904},[636,1482,1367],{"class":774},[636,1484,778],{"class":732},[636,1486,948],{"class":732},[636,1488,1489,1492,1494],{"class":638,"line":975},[636,1490,1491],{"class":774},"    fonts",[636,1493,778],{"class":732},[636,1495,1497],{"class":1496},"sfNiH"," false\n",[636,1499,1500],{"class":638,"line":989},[636,1501,1392],{"class":732},[636,1503,1504,1506],{"class":638,"line":1008},[636,1505,798],{"class":732},[636,1507,801],{"class":764},[607,1509,1511],{"id":1510},"colormode",[633,1512,1513],{},"colorMode",[593,1515,1294,1516,1408,1518,1416],{},[633,1517,1513],{},[703,1519,1522],{"href":1520,"rel":1521},"https://github.com/nuxt-modules/color-mode",[707],[633,1523,1524],{},"@nuxt/color-mode",[1299,1526,1527],{},[1302,1528,1304,1529],{},[633,1530,1531],{"className":726,"language":727,"style":631},[636,1532,1425],{"class":642},[625,1534,1536],{"className":744,"code":1535,"filename":746,"language":741,"meta":631,"style":631},"export default defineNuxtConfig({\n  modules: ['@nuxt/ui'],\n  css: ['~/assets/css/main.css'],\n  ui: {\n    colorMode: false\n  }\n})\n",[633,1537,1538,1550,1568,1586,1594,1603,1607],{"__ignoreMap":631},[636,1539,1540,1542,1544,1546,1548],{"class":638,"line":639},[636,1541,754],{"class":753},[636,1543,757],{"class":753},[636,1545,761],{"class":760},[636,1547,765],{"class":764},[636,1549,768],{"class":732},[636,1551,1552,1554,1556,1558,1560,1562,1564,1566],{"class":638,"line":771},[636,1553,775],{"class":774},[636,1555,778],{"class":732},[636,1557,781],{"class":764},[636,1559,784],{"class":732},[636,1561,787],{"class":645},[636,1563,784],{"class":732},[636,1565,878],{"class":764},[636,1567,881],{"class":732},[636,1569,1570,1572,1574,1576,1578,1580,1582,1584],{"class":638,"line":795},[636,1571,888],{"class":774},[636,1573,778],{"class":732},[636,1575,781],{"class":764},[636,1577,784],{"class":732},[636,1579,897],{"class":645},[636,1581,784],{"class":732},[636,1583,878],{"class":764},[636,1585,881],{"class":732},[636,1587,1588,1590,1592],{"class":638,"line":904},[636,1589,1367],{"class":774},[636,1591,778],{"class":732},[636,1593,948],{"class":732},[636,1595,1596,1599,1601],{"class":638,"line":975},[636,1597,1598],{"class":774},"    colorMode",[636,1600,778],{"class":732},[636,1602,1497],{"class":1496},[636,1604,1605],{"class":638,"line":989},[636,1606,1392],{"class":732},[636,1608,1609,1611],{"class":638,"line":1008},[636,1610,798],{"class":732},[636,1612,801],{"class":764},[607,1614,1616],{"id":1615},"themecolors",[633,1617,1618],{},"theme.colors",[593,1620,1294,1621,1623],{},[633,1622,1618],{}," option to define the dynamic color aliases used to generate components theme.",[1299,1625,1626],{},[1302,1627,1304,1628],{},[633,1629,1631,1634,1636,1639,1641,1643,1645,1648,1650,1652,1654,1657,1659,1661,1663,1666,1668,1670,1672,1674,1676,1678,1680,1683,1685],{"className":1630,"language":727,"style":631},"inline,language-ts-type shiki shiki-themes material-theme-lighter material-theme material-theme-palenight",[636,1632,1633],{"class":764},"[",[636,1635,784],{"class":732},[636,1637,1638],{"class":645},"primary",[636,1640,784],{"class":732},[636,1642,1034],{"class":732},[636,1644,1381],{"class":732},[636,1646,1647],{"class":645},"secondary",[636,1649,784],{"class":732},[636,1651,1034],{"class":732},[636,1653,1381],{"class":732},[636,1655,1656],{"class":645},"success",[636,1658,784],{"class":732},[636,1660,1034],{"class":732},[636,1662,1381],{"class":732},[636,1664,1665],{"class":645},"info",[636,1667,784],{"class":732},[636,1669,1034],{"class":732},[636,1671,1381],{"class":732},[636,1673,694],{"class":645},[636,1675,784],{"class":732},[636,1677,1034],{"class":732},[636,1679,1381],{"class":732},[636,1681,1682],{"class":645},"error",[636,1684,784],{"class":732},[636,1686,878],{"class":764},[625,1688,1690],{"className":744,"code":1689,"filename":746,"language":741,"meta":631,"style":631},"export default defineNuxtConfig({\n  modules: ['@nuxt/ui'],\n  css: ['~/assets/css/main.css'],\n  ui: {\n    theme: {\n      colors: ['primary', 'error']\n    }\n  }\n})\n",[633,1691,1692,1704,1722,1740,1748,1757,1782,1787,1791],{"__ignoreMap":631},[636,1693,1694,1696,1698,1700,1702],{"class":638,"line":639},[636,1695,754],{"class":753},[636,1697,757],{"class":753},[636,1699,761],{"class":760},[636,1701,765],{"class":764},[636,1703,768],{"class":732},[636,1705,1706,1708,1710,1712,1714,1716,1718,1720],{"class":638,"line":771},[636,1707,775],{"class":774},[636,1709,778],{"class":732},[636,1711,781],{"class":764},[636,1713,784],{"class":732},[636,1715,787],{"class":645},[636,1717,784],{"class":732},[636,1719,878],{"class":764},[636,1721,881],{"class":732},[636,1723,1724,1726,1728,1730,1732,1734,1736,1738],{"class":638,"line":795},[636,1725,888],{"class":774},[636,1727,778],{"class":732},[636,1729,781],{"class":764},[636,1731,784],{"class":732},[636,1733,897],{"class":645},[636,1735,784],{"class":732},[636,1737,878],{"class":764},[636,1739,881],{"class":732},[636,1741,1742,1744,1746],{"class":638,"line":904},[636,1743,1367],{"class":774},[636,1745,778],{"class":732},[636,1747,948],{"class":732},[636,1749,1750,1753,1755],{"class":638,"line":975},[636,1751,1752],{"class":774},"    theme",[636,1754,778],{"class":732},[636,1756,948],{"class":732},[636,1758,1759,1762,1764,1766,1768,1770,1772,1774,1776,1778,1780],{"class":638,"line":989},[636,1760,1761],{"class":774},"      colors",[636,1763,778],{"class":732},[636,1765,781],{"class":764},[636,1767,784],{"class":732},[636,1769,1638],{"class":645},[636,1771,784],{"class":732},[636,1773,1034],{"class":732},[636,1775,1381],{"class":732},[636,1777,1682],{"class":645},[636,1779,784],{"class":732},[636,1781,792],{"class":764},[636,1783,1784],{"class":638,"line":1008},[636,1785,1786],{"class":732},"    }\n",[636,1788,1789],{"class":638,"line":1013},[636,1790,1392],{"class":732},[636,1792,1793,1795],{"class":638,"line":1046},[636,1794,798],{"class":732},[636,1796,801],{"class":764},[1798,1799,1801],"tip",{"to":1800},"/getting-started/theme#colors",[593,1802,1803],{},"Learn more about color customization and theming in the Theme section.",[607,1805,1807],{"id":1806},"themetransitions",[633,1808,1809],{},"theme.transitions",[593,1811,1294,1812,1814],{},[633,1813,1809],{}," option to enable or disable transitions on components.",[1299,1816,1817],{},[1302,1818,1304,1819],{},[633,1820,1821],{"className":726,"language":727,"style":631},[636,1822,1425],{"class":642},[625,1824,1826],{"className":744,"code":1825,"filename":746,"language":741,"meta":631,"style":631},"export default defineNuxtConfig({\n  modules: ['@nuxt/ui'],\n  css: ['~/assets/css/main.css'],\n  ui: {\n    theme: {\n      transitions: false\n    }\n  }\n})\n",[633,1827,1828,1840,1858,1876,1884,1892,1901,1905,1909],{"__ignoreMap":631},[636,1829,1830,1832,1834,1836,1838],{"class":638,"line":639},[636,1831,754],{"class":753},[636,1833,757],{"class":753},[636,1835,761],{"class":760},[636,1837,765],{"class":764},[636,1839,768],{"class":732},[636,1841,1842,1844,1846,1848,1850,1852,1854,1856],{"class":638,"line":771},[636,1843,775],{"class":774},[636,1845,778],{"class":732},[636,1847,781],{"class":764},[636,1849,784],{"class":732},[636,1851,787],{"class":645},[636,1853,784],{"class":732},[636,1855,878],{"class":764},[636,1857,881],{"class":732},[636,1859,1860,1862,1864,1866,1868,1870,1872,1874],{"class":638,"line":795},[636,1861,888],{"class":774},[636,1863,778],{"class":732},[636,1865,781],{"class":764},[636,1867,784],{"class":732},[636,1869,897],{"class":645},[636,1871,784],{"class":732},[636,1873,878],{"class":764},[636,1875,881],{"class":732},[636,1877,1878,1880,1882],{"class":638,"line":904},[636,1879,1367],{"class":774},[636,1881,778],{"class":732},[636,1883,948],{"class":732},[636,1885,1886,1888,1890],{"class":638,"line":975},[636,1887,1752],{"class":774},[636,1889,778],{"class":732},[636,1891,948],{"class":732},[636,1893,1894,1897,1899],{"class":638,"line":989},[636,1895,1896],{"class":774},"      transitions",[636,1898,778],{"class":732},[636,1900,1497],{"class":1496},[636,1902,1903],{"class":638,"line":1008},[636,1904,1786],{"class":732},[636,1906,1907],{"class":638,"line":1013},[636,1908,1392],{"class":732},[636,1910,1911,1913],{"class":638,"line":1046},[636,1912,798],{"class":732},[636,1914,801],{"class":764},[1179,1916,1917],{},[593,1918,1919,1920,1923],{},"This option adds the ",[633,1921,1922],{},"transition-colors"," class on components with hover or active states.",[607,1925,1927,1930,1931],{"id":1926},"themedefaultvariants",[633,1928,1929],{},"theme.defaultVariants"," ",[1932,1933],"badge",{"className":1934,"label":352},[1935],"align-text-top",[593,1937,1294,1938,1940,1941,1944,1945,1948],{},[633,1939,1929],{}," option to override the default ",[633,1942,1943],{},"color"," and ",[633,1946,1947],{},"size"," variants for components.",[1299,1950,1951],{},[1302,1952,1304,1953],{},[633,1954,1955,1958,1961,1963,1965,1967,1969,1971,1974,1976,1978,1981,1983],{"className":726,"language":727,"style":631},[636,1956,1957],{"class":732},"{",[636,1959,1960],{"class":774}," color",[636,1962,778],{"class":732},[636,1964,1381],{"class":732},[636,1966,1638],{"class":645},[636,1968,784],{"class":732},[636,1970,1034],{"class":732},[636,1972,1973],{"class":774}," size",[636,1975,778],{"class":732},[636,1977,1381],{"class":732},[636,1979,1980],{"class":645},"md",[636,1982,784],{"class":732},[636,1984,1985],{"class":732}," }",[625,1987,1989],{"className":744,"code":1988,"filename":746,"language":741,"meta":631,"style":631},"export default defineNuxtConfig({\n  modules: ['@nuxt/ui'],\n  css: ['~/assets/css/main.css'],\n  ui: {\n    theme: {\n      defaultVariants: {\n        color: 'neutral',\n        size: 'sm'\n      }\n    }\n  }\n})\n",[633,1990,1991,2003,2021,2039,2047,2055,2064,2080,2094,2099,2103,2107],{"__ignoreMap":631},[636,1992,1993,1995,1997,1999,2001],{"class":638,"line":639},[636,1994,754],{"class":753},[636,1996,757],{"class":753},[636,1998,761],{"class":760},[636,2000,765],{"class":764},[636,2002,768],{"class":732},[636,2004,2005,2007,2009,2011,2013,2015,2017,2019],{"class":638,"line":771},[636,2006,775],{"class":774},[636,2008,778],{"class":732},[636,2010,781],{"class":764},[636,2012,784],{"class":732},[636,2014,787],{"class":645},[636,2016,784],{"class":732},[636,2018,878],{"class":764},[636,2020,881],{"class":732},[636,2022,2023,2025,2027,2029,2031,2033,2035,2037],{"class":638,"line":795},[636,2024,888],{"class":774},[636,2026,778],{"class":732},[636,2028,781],{"class":764},[636,2030,784],{"class":732},[636,2032,897],{"class":645},[636,2034,784],{"class":732},[636,2036,878],{"class":764},[636,2038,881],{"class":732},[636,2040,2041,2043,2045],{"class":638,"line":904},[636,2042,1367],{"class":774},[636,2044,778],{"class":732},[636,2046,948],{"class":732},[636,2048,2049,2051,2053],{"class":638,"line":975},[636,2050,1752],{"class":774},[636,2052,778],{"class":732},[636,2054,948],{"class":732},[636,2056,2057,2060,2062],{"class":638,"line":989},[636,2058,2059],{"class":774},"      defaultVariants",[636,2061,778],{"class":732},[636,2063,948],{"class":732},[636,2065,2066,2069,2071,2073,2076,2078],{"class":638,"line":1008},[636,2067,2068],{"class":774},"        color",[636,2070,778],{"class":732},[636,2072,1381],{"class":732},[636,2074,2075],{"class":645},"neutral",[636,2077,784],{"class":732},[636,2079,881],{"class":732},[636,2081,2082,2085,2087,2089,2092],{"class":638,"line":1013},[636,2083,2084],{"class":774},"        size",[636,2086,778],{"class":732},[636,2088,1381],{"class":732},[636,2090,2091],{"class":645},"sm",[636,2093,1387],{"class":732},[636,2095,2096],{"class":638,"line":1046},[636,2097,2098],{"class":732},"      }\n",[636,2100,2101],{"class":638,"line":1061},[636,2102,1786],{"class":732},[636,2104,2105],{"class":638,"line":1107},[636,2106,1392],{"class":732},[636,2108,2109,2111],{"class":638,"line":1113},[636,2110,798],{"class":732},[636,2112,801],{"class":764},[602,2114,2116],{"id":2115},"continuous-releases","Continuous Releases",[593,2118,2119,2120,2125],{},"Nuxt UI uses ",[703,2121,2124],{"href":2122,"rel":2123},"https://github.com/stackblitz-labs/pkg.pr.new",[707],"pkg.pr.new"," for continuous preview releases, providing developers with instant access to the latest features and bug fixes without waiting for official releases.",[593,2127,2128,2129,2132],{},"Automatic preview releases are created for all commits and PRs to the ",[633,2130,2131],{},"v3"," branch. Use them by replacing your package version with the specific commit hash or PR number.",[625,2134,2139],{"className":2135,"code":2136,"filename":2137,"language":2138,"meta":631,"style":631},"language-diff shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","{\n  \"dependencies\": {\n-   \"@nuxt/ui\": \"^3.0.0\",\n+   \"@nuxt/ui\": \"https://pkg.pr.new/@nuxt/ui@4c96909\",\n  }\n}\n","package.json","diff",[633,2140,2141,2145,2150,2158,2166,2170],{"__ignoreMap":631},[636,2142,2143],{"class":638,"line":639},[636,2144,768],{"class":764},[636,2146,2147],{"class":638,"line":771},[636,2148,2149],{"class":764},"  \"dependencies\": {\n",[636,2151,2152,2155],{"class":638,"line":795},[636,2153,2154],{"class":732},"-",[636,2156,2157],{"class":774},"   \"@nuxt/ui\": \"^3.0.0\",\n",[636,2159,2160,2163],{"class":638,"line":904},[636,2161,2162],{"class":732},"+",[636,2164,2165],{"class":645},"   \"@nuxt/ui\": \"https://pkg.pr.new/@nuxt/ui@4c96909\",\n",[636,2167,2168],{"class":638,"line":975},[636,2169,1392],{"class":764},[636,2171,2172],{"class":638,"line":989},[636,2173,1116],{"class":764},[1179,2175,2176],{},[593,2177,2178,2180],{},[597,2179,2124],{}," will automatically comment on PRs with the installation URL, making it easy to test changes.",[2182,2183,2184],"style",{},"html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}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 .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}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 .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}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 .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}",{"title":631,"searchDepth":771,"depth":771,"links":2186},[2187,2191,2200],{"id":604,"depth":771,"text":605,"children":2188},[2189,2190],{"id":609,"depth":795,"text":610},{"id":1198,"depth":795,"text":1199},{"id":1280,"depth":771,"text":1281,"children":2192},[2193,2194,2195,2196,2197,2198],{"id":1289,"depth":795,"text":1289},{"id":1401,"depth":795,"text":1401},{"id":1510,"depth":795,"text":1513},{"id":1615,"depth":795,"text":1618},{"id":1806,"depth":795,"text":1809},{"id":1926,"depth":795,"text":2199},"theme.defaultVariants ",{"id":2115,"depth":771,"text":2116},"Learn how to install and configure Nuxt UI in your Nuxt application.",[2203],{"label":2204,"to":2205,"icon":2206},"Playground","https://codesandbox.io/p/devbox/nuxt-ui3-n3sxks","i-lucide-codesandbox",{},{"icon":24},{"title":14,"description":2201},"l9c0eSLioTfAw7PE4Q3wBT3y3bwqIPdY5N_xbjwT08M",[2212,2214],{"title":10,"path":6,"stem":7,"description":2213,"icon":12,"children":-1},"Nuxt UI harnesses the combined strengths of Reka UI, Tailwind CSS, and Tailwind Variants to offer developers an unparalleled set of tools for creating sophisticated, accessible, and highly performant user interfaces.",{"title":43,"path":44,"stem":45,"description":2215,"children":-1},"A comprehensive guide to migrate your application from Nuxt UI v2 to Nuxt UI v3.",{"data":2217,"body":2218},{},{"type":2219,"children":2220},"root",[2221],{"type":2222,"tag":593,"props":2223,"children":2224},"element",{},[2225],{"type":2226,"value":2201},"text",1756715486739]