[{"data":1,"prerenderedAt":3512},["ShallowReactive",2],{"navigation":3,"-getting-started-installation-vue":581,"-getting-started-installation-vue-surround":3496,"-getting-started-installation-vue-description":3501},[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":3486,"extension":3084,"framework":28,"links":3487,"meta":3492,"module":23,"navigation":3493,"path":26,"seo":3494,"stem":27,"__hash__":3495},"content/1.getting-started/2.installation/2.vue.md",{"type":584,"value":585,"toc":3469},"minimark",[586,601,606,611,2098,2102,2111,2114,2139,2147,2150,2180,2184,2189,2194,2200,2212,2333,2337,2342,2507,2513,2521,2530,2648,2654,2659,2723,2867,2873,2879,2884,2892,3020,3029,3041,3053,3089,3251,3256,3264,3381,3397,3401,3410,3417,3458,3465],[587,588,592],"callout",{"icon":589,"className":590,"to":20},"i-logos-nuxt-icon",[591],"hidden",[593,594,595,596,600],"p",{},"Looking for the ",[597,598,599],"strong",{},"Nuxt"," version?",[602,603,605],"h2",{"id":604},"setup","Setup",[607,608,610],"h3",{"id":609},"add-to-a-vue-project","Add to a Vue project",[612,613,615,620,693,728,751,897,1022,1115,1122,1331,1346,1350,1385,1590,1779,1783,1840,1855,1863,2093],"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,720,723,724,727],{},"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",", ",[633,721,722],{},"vue-router"," and ",[633,725,726],{},"@unhead/vue"," in your project's root directory.",[616,729,731,732],{"id":730},"add-the-nuxt-ui-vite-plugin-in-your-viteconfigts","Add the Nuxt UI Vite plugin in your ",[633,733,736,739,743,746,748],{"className":734,"language":735,"style":631},"language-ts-type shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","ts-type",[636,737,738],{"class":642},"vite",[636,740,742],{"class":741},"sMK4o",".",[636,744,745],{"class":642},"config",[636,747,742],{"class":741},[636,749,750],{"class":642},"ts",[625,752,759],{"className":753,"code":754,"filename":755,"highlights":756,"language":750,"meta":631,"style":631},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { defineConfig } from 'vite'\nimport vue from '@vitejs/plugin-vue'\nimport ui from '@nuxt/ui/vite'\n\nexport default defineConfig({\n plugins: [\n vue(),\n ui()\n ]\n})\n","vite.config.ts",[757,758],3,8,[633,760,761,788,806,824,830,848,861,873,882,888],{"__ignoreMap":631},[636,762,763,767,770,774,777,780,783,785],{"class":638,"line":639},[636,764,766],{"class":765},"s7zQu","import",[636,768,769],{"class":741}," {",[636,771,773],{"class":772},"sTEyZ"," defineConfig",[636,775,776],{"class":741}," }",[636,778,779],{"class":765}," from",[636,781,782],{"class":741}," '",[636,784,738],{"class":645},[636,786,787],{"class":741},"'\n",[636,789,791,793,796,799,801,804],{"class":638,"line":790},2,[636,792,766],{"class":765},[636,794,795],{"class":772}," vue ",[636,797,798],{"class":765},"from",[636,800,782],{"class":741},[636,802,803],{"class":645},"@vitejs/plugin-vue",[636,805,787],{"class":741},[636,807,810,812,815,817,819,822],{"class":808,"line":757},[638,809],"highlight",[636,811,766],{"class":765},[636,813,814],{"class":772}," ui ",[636,816,798],{"class":765},[636,818,782],{"class":741},[636,820,821],{"class":645},"@nuxt/ui/vite",[636,823,787],{"class":741},[636,825,827],{"class":638,"line":826},4,[636,828,829],{"emptyLinePlaceholder":15},"\n",[636,831,833,836,839,842,845],{"class":638,"line":832},5,[636,834,835],{"class":765},"export",[636,837,838],{"class":765}," default",[636,840,773],{"class":841},"s2Zo4",[636,843,844],{"class":772},"(",[636,846,847],{"class":741},"{\n",[636,849,851,855,858],{"class":638,"line":850},6,[636,852,854],{"class":853},"swJcz"," plugins",[636,856,857],{"class":741},":",[636,859,860],{"class":772}," [\n",[636,862,864,867,870],{"class":638,"line":863},7,[636,865,866],{"class":841}," vue",[636,868,869],{"class":772},"()",[636,871,872],{"class":741},",\n",[636,874,876,879],{"class":875,"line":758},[638,809],[636,877,878],{"class":841}," ui",[636,880,881],{"class":772},"()\n",[636,883,885],{"class":638,"line":884},9,[636,886,887],{"class":772}," ]\n",[636,889,891,894],{"class":638,"line":890},10,[636,892,893],{"class":741},"}",[636,895,896],{"class":772},")\n",[898,899,900,920,1000],"tip",{},[593,901,902,903,723,906,909,910,723,913,916,917,742],{},"Nuxt UI registers ",[633,904,905],{},"unplugin-auto-import",[633,907,908],{},"unplugin-vue-components",", which will generate ",[633,911,912],{},"auto-imports.d.ts",[633,914,915],{},"components.d.ts"," type declaration files. You will likely want to gitignore these, and add them to your ",[633,918,919],{},"tsconfig",[625,921,926],{"className":922,"code":923,"filename":924,"language":925,"meta":631,"style":631},"language-json shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","{\n \"include\": [\"src/**/*.ts\", \"src/**/*.tsx\", \"src/**/*.vue\", \"auto-imports.d.ts\", \"components.d.ts\"]\n}\n","tsconfig.app.json","json",[633,927,928,932,995],{"__ignoreMap":631},[636,929,930],{"class":638,"line":639},[636,931,847],{"class":741},[636,933,934,937,941,944,946,949,951,954,956,959,962,965,967,969,971,974,976,978,980,982,984,986,988,990,992],{"class":638,"line":790},[636,935,936],{"class":741}," \"",[636,938,940],{"class":939},"spNyl","include",[636,942,943],{"class":741},"\"",[636,945,857],{"class":741},[636,947,948],{"class":741}," [",[636,950,943],{"class":741},[636,952,953],{"class":645},"src/**/*.ts",[636,955,943],{"class":741},[636,957,958],{"class":741},",",[636,960,961],{"class":741}," \"",[636,963,964],{"class":645},"src/**/*.tsx",[636,966,943],{"class":741},[636,968,958],{"class":741},[636,970,961],{"class":741},[636,972,973],{"class":645},"src/**/*.vue",[636,975,943],{"class":741},[636,977,958],{"class":741},[636,979,961],{"class":741},[636,981,912],{"class":645},[636,983,943],{"class":741},[636,985,958],{"class":741},[636,987,961],{"class":741},[636,989,915],{"class":645},[636,991,943],{"class":741},[636,993,994],{"class":741},"]\n",[636,996,997],{"class":638,"line":757},[636,998,999],{"class":741},"}\n",[625,1001,1004],{"className":627,"code":1002,"filename":1003,"language":630,"meta":631,"style":631},"# Auto-generated type declarations\nauto-imports.d.ts\ncomponents.d.ts\n",".gitignore",[633,1005,1006,1012,1017],{"__ignoreMap":631},[636,1007,1008],{"class":638,"line":639},[636,1009,1011],{"class":1010},"sHwdD","# Auto-generated type declarations\n",[636,1013,1014],{"class":638,"line":790},[636,1015,1016],{"class":642},"auto-imports.d.ts\n",[636,1018,1019],{"class":638,"line":757},[636,1020,1021],{"class":642},"components.d.ts\n",[898,1023,1024,1032],{},[593,1025,1026,1027,1029,1030,742],{},"Internally, Nuxt UI relies on custom alias to resolve the theme types. If you're using TypeScript, you should add an alias to your ",[633,1028,919],{}," to enable auto-completion in your ",[633,1031,755],{},[625,1033,1036],{"className":922,"code":1034,"filename":1035,"language":925,"meta":631,"style":631},"{\n \"compilerOptions\": {\n \"paths\": {\n \"#build/ui\": [\n \"./node_modules/@nuxt/ui/.nuxt/ui\"\n ]\n }\n }\n}\n","tsconfig.node.json",[633,1037,1038,1042,1056,1070,1085,1096,1101,1106,1111],{"__ignoreMap":631},[636,1039,1040],{"class":638,"line":639},[636,1041,847],{"class":741},[636,1043,1044,1046,1049,1051,1053],{"class":638,"line":790},[636,1045,936],{"class":741},[636,1047,1048],{"class":939},"compilerOptions",[636,1050,943],{"class":741},[636,1052,857],{"class":741},[636,1054,1055],{"class":741}," {\n",[636,1057,1058,1061,1064,1066,1068],{"class":638,"line":757},[636,1059,1060],{"class":741}," \"",[636,1062,1063],{"class":642},"paths",[636,1065,943],{"class":741},[636,1067,857],{"class":741},[636,1069,1055],{"class":741},[636,1071,1072,1075,1079,1081,1083],{"class":638,"line":826},[636,1073,1074],{"class":741}," \"",[636,1076,1078],{"class":1077},"sbssI","#build/ui",[636,1080,943],{"class":741},[636,1082,857],{"class":741},[636,1084,860],{"class":741},[636,1086,1087,1090,1093],{"class":638,"line":832},[636,1088,1089],{"class":741}," \"",[636,1091,1092],{"class":645},"./node_modules/@nuxt/ui/.nuxt/ui",[636,1094,1095],{"class":741},"\"\n",[636,1097,1098],{"class":638,"line":850},[636,1099,1100],{"class":741}," ]\n",[636,1102,1103],{"class":638,"line":863},[636,1104,1105],{"class":741}," }\n",[636,1107,1108],{"class":638,"line":758},[636,1109,1110],{"class":741}," }\n",[636,1112,1113],{"class":638,"line":884},[636,1114,999],{"class":741},[616,1116,1118,1119],{"id":1117},"use-the-nuxt-ui-vue-plugin-in-your-maints","Use the Nuxt UI Vue plugin in your ",[633,1120,1121],{},"main.ts",[625,1123,1127],{"className":753,"code":1124,"filename":1121,"highlights":1125,"language":750,"meta":631,"style":631},"import { createApp } from 'vue'\nimport { createRouter, createWebHistory } from 'vue-router'\nimport ui from '@nuxt/ui/vue-plugin'\nimport App from './App.vue'\n\nconst app = createApp(App)\n\nconst router = createRouter({\n routes: [],\n history: createWebHistory()\n})\n\napp.use(router)\napp.use(ui)\n\napp.mount('#app')\n",[757,1126],14,[633,1128,1129,1148,1172,1188,1204,1208,1224,1228,1243,1255,1266,1273,1278,1292,1304,1309],{"__ignoreMap":631},[636,1130,1131,1133,1135,1138,1140,1142,1144,1146],{"class":638,"line":639},[636,1132,766],{"class":765},[636,1134,769],{"class":741},[636,1136,1137],{"class":772}," createApp",[636,1139,776],{"class":741},[636,1141,779],{"class":765},[636,1143,782],{"class":741},[636,1145,28],{"class":645},[636,1147,787],{"class":741},[636,1149,1150,1152,1154,1157,1159,1162,1164,1166,1168,1170],{"class":638,"line":790},[636,1151,766],{"class":765},[636,1153,769],{"class":741},[636,1155,1156],{"class":772}," createRouter",[636,1158,958],{"class":741},[636,1160,1161],{"class":772}," createWebHistory",[636,1163,776],{"class":741},[636,1165,779],{"class":765},[636,1167,782],{"class":741},[636,1169,722],{"class":645},[636,1171,787],{"class":741},[636,1173,1175,1177,1179,1181,1183,1186],{"class":1174,"line":757},[638,809],[636,1176,766],{"class":765},[636,1178,814],{"class":772},[636,1180,798],{"class":765},[636,1182,782],{"class":741},[636,1184,1185],{"class":645},"@nuxt/ui/vue-plugin",[636,1187,787],{"class":741},[636,1189,1190,1192,1195,1197,1199,1202],{"class":638,"line":826},[636,1191,766],{"class":765},[636,1193,1194],{"class":772}," App ",[636,1196,798],{"class":765},[636,1198,782],{"class":741},[636,1200,1201],{"class":645},"./App.vue",[636,1203,787],{"class":741},[636,1205,1206],{"class":638,"line":832},[636,1207,829],{"emptyLinePlaceholder":15},[636,1209,1210,1213,1216,1219,1221],{"class":638,"line":850},[636,1211,1212],{"class":939},"const",[636,1214,1215],{"class":772}," app ",[636,1217,1218],{"class":741},"=",[636,1220,1137],{"class":841},[636,1222,1223],{"class":772},"(App)\n",[636,1225,1226],{"class":638,"line":863},[636,1227,829],{"emptyLinePlaceholder":15},[636,1229,1230,1232,1235,1237,1239,1241],{"class":638,"line":758},[636,1231,1212],{"class":939},[636,1233,1234],{"class":772}," router ",[636,1236,1218],{"class":741},[636,1238,1156],{"class":841},[636,1240,844],{"class":772},[636,1242,847],{"class":741},[636,1244,1245,1248,1250,1253],{"class":638,"line":884},[636,1246,1247],{"class":853}," routes",[636,1249,857],{"class":741},[636,1251,1252],{"class":772}," []",[636,1254,872],{"class":741},[636,1256,1257,1260,1262,1264],{"class":638,"line":890},[636,1258,1259],{"class":853}," history",[636,1261,857],{"class":741},[636,1263,1161],{"class":841},[636,1265,881],{"class":772},[636,1267,1269,1271],{"class":638,"line":1268},11,[636,1270,893],{"class":741},[636,1272,896],{"class":772},[636,1274,1276],{"class":638,"line":1275},12,[636,1277,829],{"emptyLinePlaceholder":15},[636,1279,1281,1284,1286,1289],{"class":638,"line":1280},13,[636,1282,1283],{"class":772},"app",[636,1285,742],{"class":741},[636,1287,1288],{"class":841},"use",[636,1290,1291],{"class":772},"(router)\n",[636,1293,1295,1297,1299,1301],{"class":1294,"line":1126},[638,809],[636,1296,1283],{"class":772},[636,1298,742],{"class":741},[636,1300,1288],{"class":841},[636,1302,1303],{"class":772},"(ui)\n",[636,1305,1307],{"class":638,"line":1306},15,[636,1308,829],{"emptyLinePlaceholder":15},[636,1310,1312,1314,1316,1319,1321,1324,1327,1329],{"class":638,"line":1311},16,[636,1313,1283],{"class":772},[636,1315,742],{"class":741},[636,1317,1318],{"class":841},"mount",[636,1320,844],{"class":772},[636,1322,1323],{"class":741},"'",[636,1325,1326],{"class":645},"#app",[636,1328,1323],{"class":741},[636,1330,896],{"class":772},[1332,1333,1335],"note",{"to":1334},"#inertia",[593,1336,698,1337,1342,1343,1345],{},[703,1338,1341],{"href":1339,"rel":1340},"https://inertiajs.com/",[707],"Inertia.js",", you can skip the ",[633,1344,722],{}," setup as Inertia provides its own routing system.",[616,1347,1349],{"id":1348},"import-tailwind-css-and-nuxt-ui-in-your-css","Import Tailwind CSS and Nuxt UI in your CSS",[625,1351,1356],{"className":1352,"code":1353,"filename":1354,"language":1355,"meta":631,"style":631},"language-css shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","@import \"tailwindcss\";\n@import \"@nuxt/ui\";\n","assets/main.css","css",[633,1357,1358,1372],{"__ignoreMap":631},[636,1359,1360,1363,1365,1367,1369],{"class":638,"line":639},[636,1361,1362],{"class":765},"@import",[636,1364,961],{"class":741},[636,1366,718],{"class":645},[636,1368,943],{"class":741},[636,1370,1371],{"class":741},";\n",[636,1373,1374,1376,1378,1381,1383],{"class":638,"line":790},[636,1375,1362],{"class":765},[636,1377,961],{"class":741},[636,1379,1380],{"class":645},"@nuxt/ui",[636,1382,943],{"class":741},[636,1384,1371],{"class":741},[898,1386,1387,1392],{},[593,1388,1389,1390,742],{},"Import the CSS file in your ",[633,1391,1121],{},[625,1393,1396],{"className":753,"code":1394,"filename":1121,"highlights":1395,"language":750,"meta":631,"style":631},"import './assets/main.css'\n\nimport { createApp } from 'vue'\nimport { createRouter, createWebHistory } from 'vue-router'\nimport ui from '@nuxt/ui/vue-plugin'\nimport App from './App.vue'\n\nconst app = createApp(App)\n\nconst router = createRouter({\n routes: [],\n history: createWebHistory()\n})\n\napp.use(router)\napp.use(ui)\n\napp.mount('#app')\n",[639],[633,1397,1398,1410,1414,1432,1454,1468,1482,1486,1498,1502,1516,1526,1536,1542,1546,1556,1566,1571],{"__ignoreMap":631},[636,1399,1401,1403,1405,1408],{"class":1400,"line":639},[638,809],[636,1402,766],{"class":765},[636,1404,782],{"class":741},[636,1406,1407],{"class":645},"./assets/main.css",[636,1409,787],{"class":741},[636,1411,1412],{"class":638,"line":790},[636,1413,829],{"emptyLinePlaceholder":15},[636,1415,1416,1418,1420,1422,1424,1426,1428,1430],{"class":638,"line":757},[636,1417,766],{"class":765},[636,1419,769],{"class":741},[636,1421,1137],{"class":772},[636,1423,776],{"class":741},[636,1425,779],{"class":765},[636,1427,782],{"class":741},[636,1429,28],{"class":645},[636,1431,787],{"class":741},[636,1433,1434,1436,1438,1440,1442,1444,1446,1448,1450,1452],{"class":638,"line":826},[636,1435,766],{"class":765},[636,1437,769],{"class":741},[636,1439,1156],{"class":772},[636,1441,958],{"class":741},[636,1443,1161],{"class":772},[636,1445,776],{"class":741},[636,1447,779],{"class":765},[636,1449,782],{"class":741},[636,1451,722],{"class":645},[636,1453,787],{"class":741},[636,1455,1456,1458,1460,1462,1464,1466],{"class":638,"line":832},[636,1457,766],{"class":765},[636,1459,814],{"class":772},[636,1461,798],{"class":765},[636,1463,782],{"class":741},[636,1465,1185],{"class":645},[636,1467,787],{"class":741},[636,1469,1470,1472,1474,1476,1478,1480],{"class":638,"line":850},[636,1471,766],{"class":765},[636,1473,1194],{"class":772},[636,1475,798],{"class":765},[636,1477,782],{"class":741},[636,1479,1201],{"class":645},[636,1481,787],{"class":741},[636,1483,1484],{"class":638,"line":863},[636,1485,829],{"emptyLinePlaceholder":15},[636,1487,1488,1490,1492,1494,1496],{"class":638,"line":758},[636,1489,1212],{"class":939},[636,1491,1215],{"class":772},[636,1493,1218],{"class":741},[636,1495,1137],{"class":841},[636,1497,1223],{"class":772},[636,1499,1500],{"class":638,"line":884},[636,1501,829],{"emptyLinePlaceholder":15},[636,1503,1504,1506,1508,1510,1512,1514],{"class":638,"line":890},[636,1505,1212],{"class":939},[636,1507,1234],{"class":772},[636,1509,1218],{"class":741},[636,1511,1156],{"class":841},[636,1513,844],{"class":772},[636,1515,847],{"class":741},[636,1517,1518,1520,1522,1524],{"class":638,"line":1268},[636,1519,1247],{"class":853},[636,1521,857],{"class":741},[636,1523,1252],{"class":772},[636,1525,872],{"class":741},[636,1527,1528,1530,1532,1534],{"class":638,"line":1275},[636,1529,1259],{"class":853},[636,1531,857],{"class":741},[636,1533,1161],{"class":841},[636,1535,881],{"class":772},[636,1537,1538,1540],{"class":638,"line":1280},[636,1539,893],{"class":741},[636,1541,896],{"class":772},[636,1543,1544],{"class":638,"line":1126},[636,1545,829],{"emptyLinePlaceholder":15},[636,1547,1548,1550,1552,1554],{"class":638,"line":1306},[636,1549,1283],{"class":772},[636,1551,742],{"class":741},[636,1553,1288],{"class":841},[636,1555,1291],{"class":772},[636,1557,1558,1560,1562,1564],{"class":638,"line":1311},[636,1559,1283],{"class":772},[636,1561,742],{"class":741},[636,1563,1288],{"class":841},[636,1565,1303],{"class":772},[636,1567,1569],{"class":638,"line":1568},17,[636,1570,829],{"emptyLinePlaceholder":15},[636,1572,1574,1576,1578,1580,1582,1584,1586,1588],{"class":638,"line":1573},18,[636,1575,1283],{"class":772},[636,1577,742],{"class":741},[636,1579,1318],{"class":841},[636,1581,844],{"class":772},[636,1583,1323],{"class":741},[636,1585,1326],{"class":645},[636,1587,1323],{"class":741},[636,1589,896],{"class":772},[587,1591,1593,1602],{"icon":1592},"i-simple-icons-visualstudiocode",[593,1594,1595,1596,1601],{},"It's recommended to install the ",[703,1597,1600],{"href":1598,"rel":1599},"https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss",[707],"Tailwind CSS IntelliSense"," extension for VSCode and add the following settings:",[625,1603,1606],{"className":922,"code":1604,"filename":1605,"language":925,"meta":631,"style":631},"{\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",[633,1607,1608,1612,1625,1642,1647,1660,1678,1682,1713,1726,1771,1775],{"__ignoreMap":631},[636,1609,1610],{"class":638,"line":639},[636,1611,847],{"class":741},[636,1613,1614,1616,1619,1621,1623],{"class":638,"line":790},[636,1615,936],{"class":741},[636,1617,1618],{"class":939},"files.associations",[636,1620,943],{"class":741},[636,1622,857],{"class":741},[636,1624,1055],{"class":741},[636,1626,1627,1629,1632,1634,1636,1638,1640],{"class":638,"line":757},[636,1628,1060],{"class":741},[636,1630,1631],{"class":642},"*.css",[636,1633,943],{"class":741},[636,1635,857],{"class":741},[636,1637,961],{"class":741},[636,1639,718],{"class":645},[636,1641,1095],{"class":741},[636,1643,1644],{"class":638,"line":826},[636,1645,1646],{"class":741}," },\n",[636,1648,1649,1651,1654,1656,1658],{"class":638,"line":832},[636,1650,936],{"class":741},[636,1652,1653],{"class":939},"editor.quickSuggestions",[636,1655,943],{"class":741},[636,1657,857],{"class":741},[636,1659,1055],{"class":741},[636,1661,1662,1664,1667,1669,1671,1673,1676],{"class":638,"line":850},[636,1663,1060],{"class":741},[636,1665,1666],{"class":642},"strings",[636,1668,943],{"class":741},[636,1670,857],{"class":741},[636,1672,961],{"class":741},[636,1674,1675],{"class":645},"on",[636,1677,1095],{"class":741},[636,1679,1680],{"class":638,"line":863},[636,1681,1646],{"class":741},[636,1683,1684,1686,1689,1691,1693,1695,1697,1700,1702,1704,1706,1708,1710],{"class":638,"line":758},[636,1685,936],{"class":741},[636,1687,1688],{"class":939},"tailwindCSS.classAttributes",[636,1690,943],{"class":741},[636,1692,857],{"class":741},[636,1694,948],{"class":741},[636,1696,943],{"class":741},[636,1698,1699],{"class":645},"class",[636,1701,943],{"class":741},[636,1703,958],{"class":741},[636,1705,961],{"class":741},[636,1707,23],{"class":645},[636,1709,943],{"class":741},[636,1711,1712],{"class":741},"],\n",[636,1714,1715,1717,1720,1722,1724],{"class":638,"line":884},[636,1716,936],{"class":741},[636,1718,1719],{"class":939},"tailwindCSS.experimental.classRegex",[636,1721,943],{"class":741},[636,1723,857],{"class":741},[636,1725,860],{"class":741},[636,1727,1728,1731,1733,1736,1739,1742,1744,1747,1749,1751,1753,1756,1759,1762,1764,1767,1769],{"class":638,"line":890},[636,1729,1730],{"class":741}," [",[636,1732,943],{"class":741},[636,1734,1735],{"class":645},"ui:",[636,1737,1738],{"class":772},"\\\\",[636,1740,1741],{"class":645},"s*{([^)]*)",[636,1743,1738],{"class":772},[636,1745,1746],{"class":645},"s*}",[636,1748,943],{"class":741},[636,1750,958],{"class":741},[636,1752,961],{"class":741},[636,1754,1755],{"class":645},"(?:'|",[636,1757,1758],{"class":772},"\\\"",[636,1760,1761],{"class":645},"|`)([^']*)(?:'|",[636,1763,1758],{"class":772},[636,1765,1766],{"class":645},"|`)",[636,1768,943],{"class":741},[636,1770,994],{"class":741},[636,1772,1773],{"class":638,"line":1268},[636,1774,887],{"class":741},[636,1776,1777],{"class":638,"line":1275},[636,1778,999],{"class":741},[616,1780,1782],{"id":1781},"wrap-your-app-with-app-component","Wrap your app with App component",[625,1784,1788],{"className":1785,"code":1786,"filename":1787,"language":28,"meta":631,"style":631},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n \u003CUApp>\n \u003CRouterView />\n \u003C/UApp>\n\u003C/template>\n","App.vue",[633,1789,1790,1801,1811,1822,1831],{"__ignoreMap":631},[636,1791,1792,1795,1798],{"class":638,"line":639},[636,1793,1794],{"class":741},"\u003C",[636,1796,1797],{"class":853},"template",[636,1799,1800],{"class":741},">\n",[636,1802,1803,1806,1809],{"class":638,"line":790},[636,1804,1805],{"class":741}," \u003C",[636,1807,1808],{"class":853},"UApp",[636,1810,1800],{"class":741},[636,1812,1813,1816,1819],{"class":638,"line":757},[636,1814,1815],{"class":741}," \u003C",[636,1817,1818],{"class":853},"RouterView",[636,1820,1821],{"class":741}," />\n",[636,1823,1824,1827,1829],{"class":638,"line":826},[636,1825,1826],{"class":741}," \u003C/",[636,1828,1808],{"class":853},[636,1830,1800],{"class":741},[636,1832,1833,1836,1838],{"class":638,"line":832},[636,1834,1835],{"class":741},"\u003C/",[636,1837,1797],{"class":853},[636,1839,1800],{"class":741},[1332,1841,1842],{"to":134},[593,1843,1844,1845,1847,1848,719,1850,723,1852,742],{},"The ",[633,1846,133],{}," component sets up global config and is required for ",[597,1849,566],{},[597,1851,570],{},[597,1853,1854],{},"programmatic overlays",[616,1856,1858,1859,1862],{"id":1857},"add-the-isolate-class-to-your-root-container","Add the ",[633,1860,1861],{},"isolate"," class to your root container",[625,1864,1870],{"className":1865,"code":1866,"filename":1867,"highlights":1868,"language":1869,"meta":631,"style":631},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003C!DOCTYPE html>\n\u003Chtml lang=\"en\">\n \u003Chead>\n \u003Cmeta charset=\"UTF-8\" />\n \u003Cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n \u003Ctitle>Nuxt UI\u003C/title>\n \u003C/head>\n \u003Cbody>\n \u003Cdiv id=\"app\" class=\"isolate\">\u003C/div>\n \u003Cscript type=\"module\" src=\"/src/main.ts\">\u003C/script>\n \u003C/body>\n\u003C/html>\n","index.html",[884],"html",[633,1871,1872,1885,1905,1914,1935,1967,1986,1994,2003,2040,2077,2085],{"__ignoreMap":631},[636,1873,1874,1877,1880,1883],{"class":638,"line":639},[636,1875,1876],{"class":741},"\u003C!",[636,1878,1879],{"class":853},"DOCTYPE",[636,1881,1882],{"class":939}," html",[636,1884,1800],{"class":741},[636,1886,1887,1889,1891,1894,1896,1898,1901,1903],{"class":638,"line":790},[636,1888,1794],{"class":741},[636,1890,1869],{"class":853},[636,1892,1893],{"class":939}," lang",[636,1895,1218],{"class":741},[636,1897,943],{"class":741},[636,1899,1900],{"class":645},"en",[636,1902,943],{"class":741},[636,1904,1800],{"class":741},[636,1906,1907,1909,1912],{"class":638,"line":757},[636,1908,1805],{"class":741},[636,1910,1911],{"class":853},"head",[636,1913,1800],{"class":741},[636,1915,1916,1918,1921,1924,1926,1928,1931,1933],{"class":638,"line":826},[636,1917,1815],{"class":741},[636,1919,1920],{"class":853},"meta",[636,1922,1923],{"class":939}," charset",[636,1925,1218],{"class":741},[636,1927,943],{"class":741},[636,1929,1930],{"class":645},"UTF-8",[636,1932,943],{"class":741},[636,1934,1821],{"class":741},[636,1936,1937,1939,1941,1944,1946,1948,1951,1953,1956,1958,1960,1963,1965],{"class":638,"line":832},[636,1938,1815],{"class":741},[636,1940,1920],{"class":853},[636,1942,1943],{"class":939}," name",[636,1945,1218],{"class":741},[636,1947,943],{"class":741},[636,1949,1950],{"class":645},"viewport",[636,1952,943],{"class":741},[636,1954,1955],{"class":939}," content",[636,1957,1218],{"class":741},[636,1959,943],{"class":741},[636,1961,1962],{"class":645},"width=device-width, initial-scale=1.0",[636,1964,943],{"class":741},[636,1966,1821],{"class":741},[636,1968,1969,1971,1974,1977,1980,1982,1984],{"class":638,"line":850},[636,1970,1815],{"class":741},[636,1972,1973],{"class":853},"title",[636,1975,1976],{"class":741},">",[636,1978,1979],{"class":772},"Nuxt UI",[636,1981,1835],{"class":741},[636,1983,1973],{"class":853},[636,1985,1800],{"class":741},[636,1987,1988,1990,1992],{"class":638,"line":863},[636,1989,1826],{"class":741},[636,1991,1911],{"class":853},[636,1993,1800],{"class":741},[636,1995,1996,1998,2001],{"class":638,"line":758},[636,1997,1805],{"class":741},[636,1999,2000],{"class":853},"body",[636,2002,1800],{"class":741},[636,2004,2006,2008,2011,2014,2016,2018,2020,2022,2025,2027,2029,2031,2033,2036,2038],{"class":2005,"line":884},[638,809],[636,2007,1815],{"class":741},[636,2009,2010],{"class":853},"div",[636,2012,2013],{"class":939}," id",[636,2015,1218],{"class":741},[636,2017,943],{"class":741},[636,2019,1283],{"class":645},[636,2021,943],{"class":741},[636,2023,2024],{"class":939}," class",[636,2026,1218],{"class":741},[636,2028,943],{"class":741},[636,2030,1861],{"class":645},[636,2032,943],{"class":741},[636,2034,2035],{"class":741},">\u003C/",[636,2037,2010],{"class":853},[636,2039,1800],{"class":741},[636,2041,2042,2044,2047,2050,2052,2054,2057,2059,2062,2064,2066,2069,2071,2073,2075],{"class":638,"line":890},[636,2043,1815],{"class":741},[636,2045,2046],{"class":853},"script",[636,2048,2049],{"class":939}," type",[636,2051,1218],{"class":741},[636,2053,943],{"class":741},[636,2055,2056],{"class":645},"module",[636,2058,943],{"class":741},[636,2060,2061],{"class":939}," src",[636,2063,1218],{"class":741},[636,2065,943],{"class":741},[636,2067,2068],{"class":645},"/src/main.ts",[636,2070,943],{"class":741},[636,2072,2035],{"class":741},[636,2074,2046],{"class":853},[636,2076,1800],{"class":741},[636,2078,2079,2081,2083],{"class":638,"line":1268},[636,2080,1826],{"class":741},[636,2082,2000],{"class":853},[636,2084,1800],{"class":741},[636,2086,2087,2089,2091],{"class":638,"line":1275},[636,2088,1835],{"class":741},[636,2090,1869],{"class":853},[636,2092,1800],{"class":741},[1332,2094,2095],{},[593,2096,2097],{},"This ensures styles are scoped to your app and prevents issues with overlays and stacking contexts.",[607,2099,2101],{"id":2100},"use-our-vue-starter","Use our Vue starter",[593,2103,2104,2105,2110],{},"Start your project using the ",[703,2106,2109],{"href":2107,"rel":2108},"https://github.com/nuxtlabs/nuxt-ui-vue-starter",[707],"nuxtlabs/nuxt-ui-vue-starter"," template with Nuxt UI pre-configured.",[593,2112,2113],{},"Create a new project locally by running the following command:",[625,2115,2118],{"className":627,"code":2116,"filename":2117,"language":630,"meta":631,"style":631},"npm create nuxt@latest -- -t github:nuxtlabs/nuxt-ui-vue-starter\n","Terminal",[633,2119,2120],{"__ignoreMap":631},[636,2121,2122,2124,2127,2130,2133,2136],{"class":638,"line":639},[636,2123,667],{"class":642},[636,2125,2126],{"class":645}," create",[636,2128,2129],{"class":645}," nuxt@latest",[636,2131,2132],{"class":645}," --",[636,2134,2135],{"class":645}," -t",[636,2137,2138],{"class":645}," github:nuxtlabs/nuxt-ui-vue-starter\n",[1332,2140,2141],{},[593,2142,1844,2143,2146],{},[633,2144,2145],{},"\u003Cmy-app>"," argument is the name of the directory where the project will be created, replace it with your project name.",[593,2148,2149],{},"Once the installation is complete, navigate into your project and start the development server:",[625,2151,2153],{"className":627,"code":2152,"filename":2117,"language":630,"meta":631,"style":631},"cd \u003Cmy-app>\nnpm run dev\n",[633,2154,2155,2170],{"__ignoreMap":631},[636,2156,2157,2160,2163,2166,2168],{"class":638,"line":639},[636,2158,2159],{"class":841},"cd",[636,2161,2162],{"class":741}," \u003C",[636,2164,2165],{"class":645},"my-ap",[636,2167,593],{"class":772},[636,2169,1800],{"class":741},[636,2171,2172,2174,2177],{"class":638,"line":790},[636,2173,667],{"class":642},[636,2175,2176],{"class":645}," run",[636,2178,2179],{"class":645}," dev\n",[602,2181,2183],{"id":2182},"options","Options",[593,2185,2186,2187,742],{},"You can customize Nuxt UI by providing options in your ",[633,2188,755],{},[607,2190,2192],{"id":2191},"prefix",[633,2193,2191],{},[593,2195,2196,2197,2199],{},"Use the ",[633,2198,2191],{}," option to change the prefix of the components.",[2201,2202,2203],"ul",{},[2204,2205,2206,2207],"li",{},"Default: ",[633,2208,2209],{"className":734,"language":735,"style":631},[636,2210,2211],{"class":642},"U",[625,2213,2215],{"className":753,"code":2214,"filename":755,"language":750,"meta":631,"style":631},"import { defineConfig } from 'vite'\nimport vue from '@vitejs/plugin-vue'\nimport ui from '@nuxt/ui/vite'\n\nexport default defineConfig({\n plugins: [\n vue(),\n ui({\n prefix: 'Nuxt'\n })\n ]\n})\n",[633,2216,2217,2235,2249,2263,2267,2279,2287,2295,2303,2316,2323,2327],{"__ignoreMap":631},[636,2218,2219,2221,2223,2225,2227,2229,2231,2233],{"class":638,"line":639},[636,2220,766],{"class":765},[636,2222,769],{"class":741},[636,2224,773],{"class":772},[636,2226,776],{"class":741},[636,2228,779],{"class":765},[636,2230,782],{"class":741},[636,2232,738],{"class":645},[636,2234,787],{"class":741},[636,2236,2237,2239,2241,2243,2245,2247],{"class":638,"line":790},[636,2238,766],{"class":765},[636,2240,795],{"class":772},[636,2242,798],{"class":765},[636,2244,782],{"class":741},[636,2246,803],{"class":645},[636,2248,787],{"class":741},[636,2250,2251,2253,2255,2257,2259,2261],{"class":638,"line":757},[636,2252,766],{"class":765},[636,2254,814],{"class":772},[636,2256,798],{"class":765},[636,2258,782],{"class":741},[636,2260,821],{"class":645},[636,2262,787],{"class":741},[636,2264,2265],{"class":638,"line":826},[636,2266,829],{"emptyLinePlaceholder":15},[636,2268,2269,2271,2273,2275,2277],{"class":638,"line":832},[636,2270,835],{"class":765},[636,2272,838],{"class":765},[636,2274,773],{"class":841},[636,2276,844],{"class":772},[636,2278,847],{"class":741},[636,2280,2281,2283,2285],{"class":638,"line":850},[636,2282,854],{"class":853},[636,2284,857],{"class":741},[636,2286,860],{"class":772},[636,2288,2289,2291,2293],{"class":638,"line":863},[636,2290,866],{"class":841},[636,2292,869],{"class":772},[636,2294,872],{"class":741},[636,2296,2297,2299,2301],{"class":638,"line":758},[636,2298,878],{"class":841},[636,2300,844],{"class":772},[636,2302,847],{"class":741},[636,2304,2305,2308,2310,2312,2314],{"class":638,"line":884},[636,2306,2307],{"class":853}," prefix",[636,2309,857],{"class":741},[636,2311,782],{"class":741},[636,2313,599],{"class":645},[636,2315,787],{"class":741},[636,2317,2318,2321],{"class":638,"line":890},[636,2319,2320],{"class":741}," }",[636,2322,896],{"class":772},[636,2324,2325],{"class":638,"line":1268},[636,2326,887],{"class":772},[636,2328,2329,2331],{"class":638,"line":1275},[636,2330,893],{"class":741},[636,2332,896],{"class":772},[607,2334,2335],{"id":23},[633,2336,23],{},[593,2338,2196,2339,2341],{},[633,2340,23],{}," option to provide configuration for Nuxt UI.",[625,2343,2345],{"className":753,"code":2344,"filename":755,"language":750,"meta":631,"style":631},"import { defineConfig } from 'vite'\nimport vue from '@vitejs/plugin-vue'\nimport ui from '@nuxt/ui/vite'\n\nexport default defineConfig({\n plugins: [\n vue(),\n ui({\n ui: {\n colors: {\n primary: 'green',\n neutral: 'slate'\n }\n }\n })\n ]\n})\n",[633,2346,2347,2365,2379,2393,2397,2409,2417,2425,2433,2442,2451,2467,2481,2486,2491,2497,2501],{"__ignoreMap":631},[636,2348,2349,2351,2353,2355,2357,2359,2361,2363],{"class":638,"line":639},[636,2350,766],{"class":765},[636,2352,769],{"class":741},[636,2354,773],{"class":772},[636,2356,776],{"class":741},[636,2358,779],{"class":765},[636,2360,782],{"class":741},[636,2362,738],{"class":645},[636,2364,787],{"class":741},[636,2366,2367,2369,2371,2373,2375,2377],{"class":638,"line":790},[636,2368,766],{"class":765},[636,2370,795],{"class":772},[636,2372,798],{"class":765},[636,2374,782],{"class":741},[636,2376,803],{"class":645},[636,2378,787],{"class":741},[636,2380,2381,2383,2385,2387,2389,2391],{"class":638,"line":757},[636,2382,766],{"class":765},[636,2384,814],{"class":772},[636,2386,798],{"class":765},[636,2388,782],{"class":741},[636,2390,821],{"class":645},[636,2392,787],{"class":741},[636,2394,2395],{"class":638,"line":826},[636,2396,829],{"emptyLinePlaceholder":15},[636,2398,2399,2401,2403,2405,2407],{"class":638,"line":832},[636,2400,835],{"class":765},[636,2402,838],{"class":765},[636,2404,773],{"class":841},[636,2406,844],{"class":772},[636,2408,847],{"class":741},[636,2410,2411,2413,2415],{"class":638,"line":850},[636,2412,854],{"class":853},[636,2414,857],{"class":741},[636,2416,860],{"class":772},[636,2418,2419,2421,2423],{"class":638,"line":863},[636,2420,866],{"class":841},[636,2422,869],{"class":772},[636,2424,872],{"class":741},[636,2426,2427,2429,2431],{"class":638,"line":758},[636,2428,878],{"class":841},[636,2430,844],{"class":772},[636,2432,847],{"class":741},[636,2434,2435,2438,2440],{"class":638,"line":884},[636,2436,2437],{"class":853}," ui",[636,2439,857],{"class":741},[636,2441,1055],{"class":741},[636,2443,2444,2447,2449],{"class":638,"line":890},[636,2445,2446],{"class":853}," colors",[636,2448,857],{"class":741},[636,2450,1055],{"class":741},[636,2452,2453,2456,2458,2460,2463,2465],{"class":638,"line":1268},[636,2454,2455],{"class":853}," primary",[636,2457,857],{"class":741},[636,2459,782],{"class":741},[636,2461,2462],{"class":645},"green",[636,2464,1323],{"class":741},[636,2466,872],{"class":741},[636,2468,2469,2472,2474,2476,2479],{"class":638,"line":1275},[636,2470,2471],{"class":853}," neutral",[636,2473,857],{"class":741},[636,2475,782],{"class":741},[636,2477,2478],{"class":645},"slate",[636,2480,787],{"class":741},[636,2482,2483],{"class":638,"line":1280},[636,2484,2485],{"class":741}," }\n",[636,2487,2488],{"class":638,"line":1126},[636,2489,2490],{"class":741}," }\n",[636,2492,2493,2495],{"class":638,"line":1306},[636,2494,2320],{"class":741},[636,2496,896],{"class":772},[636,2498,2499],{"class":638,"line":1311},[636,2500,887],{"class":772},[636,2502,2503,2505],{"class":638,"line":1568},[636,2504,893],{"class":741},[636,2506,896],{"class":772},[607,2508,2510],{"id":2509},"colormode",[633,2511,2512],{},"colorMode",[593,2514,2196,2515,2517,2518,742],{},[633,2516,2512],{}," option to enable or disable the color mode integration from ",[633,2519,2520],{},"@vueuse/core",[2201,2522,2523],{},[2204,2524,2206,2525],{},[633,2526,2527],{"className":734,"language":735,"style":631},[636,2528,2529],{"class":642},"true",[625,2531,2533],{"className":753,"code":2532,"filename":755,"language":750,"meta":631,"style":631},"import { defineConfig } from 'vite'\nimport vue from '@vitejs/plugin-vue'\nimport ui from '@nuxt/ui/vite'\n\nexport default defineConfig({\n plugins: [\n vue(),\n ui({\n colorMode: false\n })\n ]\n})\n",[633,2534,2535,2553,2567,2581,2585,2597,2605,2613,2621,2632,2638,2642],{"__ignoreMap":631},[636,2536,2537,2539,2541,2543,2545,2547,2549,2551],{"class":638,"line":639},[636,2538,766],{"class":765},[636,2540,769],{"class":741},[636,2542,773],{"class":772},[636,2544,776],{"class":741},[636,2546,779],{"class":765},[636,2548,782],{"class":741},[636,2550,738],{"class":645},[636,2552,787],{"class":741},[636,2554,2555,2557,2559,2561,2563,2565],{"class":638,"line":790},[636,2556,766],{"class":765},[636,2558,795],{"class":772},[636,2560,798],{"class":765},[636,2562,782],{"class":741},[636,2564,803],{"class":645},[636,2566,787],{"class":741},[636,2568,2569,2571,2573,2575,2577,2579],{"class":638,"line":757},[636,2570,766],{"class":765},[636,2572,814],{"class":772},[636,2574,798],{"class":765},[636,2576,782],{"class":741},[636,2578,821],{"class":645},[636,2580,787],{"class":741},[636,2582,2583],{"class":638,"line":826},[636,2584,829],{"emptyLinePlaceholder":15},[636,2586,2587,2589,2591,2593,2595],{"class":638,"line":832},[636,2588,835],{"class":765},[636,2590,838],{"class":765},[636,2592,773],{"class":841},[636,2594,844],{"class":772},[636,2596,847],{"class":741},[636,2598,2599,2601,2603],{"class":638,"line":850},[636,2600,854],{"class":853},[636,2602,857],{"class":741},[636,2604,860],{"class":772},[636,2606,2607,2609,2611],{"class":638,"line":863},[636,2608,866],{"class":841},[636,2610,869],{"class":772},[636,2612,872],{"class":741},[636,2614,2615,2617,2619],{"class":638,"line":758},[636,2616,878],{"class":841},[636,2618,844],{"class":772},[636,2620,847],{"class":741},[636,2622,2623,2626,2628],{"class":638,"line":884},[636,2624,2625],{"class":853}," colorMode",[636,2627,857],{"class":741},[636,2629,2631],{"class":2630},"sfNiH"," false\n",[636,2633,2634,2636],{"class":638,"line":890},[636,2635,2320],{"class":741},[636,2637,896],{"class":772},[636,2639,2640],{"class":638,"line":1268},[636,2641,887],{"class":772},[636,2643,2644,2646],{"class":638,"line":1275},[636,2645,893],{"class":741},[636,2647,896],{"class":772},[607,2649,2651],{"id":2650},"themecolors",[633,2652,2653],{},"theme.colors",[593,2655,2196,2656,2658],{},[633,2657,2653],{}," option to define the dynamic color aliases used to generate components theme.",[2201,2660,2661],{},[2204,2662,2206,2663],{},[633,2664,2666,2669,2671,2674,2676,2678,2680,2683,2685,2687,2689,2692,2694,2696,2698,2701,2703,2705,2707,2709,2711,2713,2715,2718,2720],{"className":2665,"language":735,"style":631},"inline,language-ts-type shiki shiki-themes material-theme-lighter material-theme material-theme-palenight",[636,2667,2668],{"class":772},"[",[636,2670,1323],{"class":741},[636,2672,2673],{"class":645},"primary",[636,2675,1323],{"class":741},[636,2677,958],{"class":741},[636,2679,782],{"class":741},[636,2681,2682],{"class":645},"secondary",[636,2684,1323],{"class":741},[636,2686,958],{"class":741},[636,2688,782],{"class":741},[636,2690,2691],{"class":645},"success",[636,2693,1323],{"class":741},[636,2695,958],{"class":741},[636,2697,782],{"class":741},[636,2699,2700],{"class":645},"info",[636,2702,1323],{"class":741},[636,2704,958],{"class":741},[636,2706,782],{"class":741},[636,2708,694],{"class":645},[636,2710,1323],{"class":741},[636,2712,958],{"class":741},[636,2714,782],{"class":741},[636,2716,2717],{"class":645},"error",[636,2719,1323],{"class":741},[636,2721,2722],{"class":772},"]",[625,2724,2726],{"className":753,"code":2725,"filename":755,"language":750,"meta":631,"style":631},"import { defineConfig } from 'vite'\nimport vue from '@vitejs/plugin-vue'\nimport ui from '@nuxt/ui/vite'\n\nexport default defineConfig({\n plugins: [\n vue(),\n ui({\n theme: {\n colors: ['primary', 'error']\n }\n })\n ]\n})\n",[633,2727,2728,2746,2760,2774,2778,2790,2798,2806,2814,2823,2847,2851,2857,2861],{"__ignoreMap":631},[636,2729,2730,2732,2734,2736,2738,2740,2742,2744],{"class":638,"line":639},[636,2731,766],{"class":765},[636,2733,769],{"class":741},[636,2735,773],{"class":772},[636,2737,776],{"class":741},[636,2739,779],{"class":765},[636,2741,782],{"class":741},[636,2743,738],{"class":645},[636,2745,787],{"class":741},[636,2747,2748,2750,2752,2754,2756,2758],{"class":638,"line":790},[636,2749,766],{"class":765},[636,2751,795],{"class":772},[636,2753,798],{"class":765},[636,2755,782],{"class":741},[636,2757,803],{"class":645},[636,2759,787],{"class":741},[636,2761,2762,2764,2766,2768,2770,2772],{"class":638,"line":757},[636,2763,766],{"class":765},[636,2765,814],{"class":772},[636,2767,798],{"class":765},[636,2769,782],{"class":741},[636,2771,821],{"class":645},[636,2773,787],{"class":741},[636,2775,2776],{"class":638,"line":826},[636,2777,829],{"emptyLinePlaceholder":15},[636,2779,2780,2782,2784,2786,2788],{"class":638,"line":832},[636,2781,835],{"class":765},[636,2783,838],{"class":765},[636,2785,773],{"class":841},[636,2787,844],{"class":772},[636,2789,847],{"class":741},[636,2791,2792,2794,2796],{"class":638,"line":850},[636,2793,854],{"class":853},[636,2795,857],{"class":741},[636,2797,860],{"class":772},[636,2799,2800,2802,2804],{"class":638,"line":863},[636,2801,866],{"class":841},[636,2803,869],{"class":772},[636,2805,872],{"class":741},[636,2807,2808,2810,2812],{"class":638,"line":758},[636,2809,878],{"class":841},[636,2811,844],{"class":772},[636,2813,847],{"class":741},[636,2815,2816,2819,2821],{"class":638,"line":884},[636,2817,2818],{"class":853}," theme",[636,2820,857],{"class":741},[636,2822,1055],{"class":741},[636,2824,2825,2827,2829,2831,2833,2835,2837,2839,2841,2843,2845],{"class":638,"line":890},[636,2826,2446],{"class":853},[636,2828,857],{"class":741},[636,2830,948],{"class":772},[636,2832,1323],{"class":741},[636,2834,2673],{"class":645},[636,2836,1323],{"class":741},[636,2838,958],{"class":741},[636,2840,782],{"class":741},[636,2842,2717],{"class":645},[636,2844,1323],{"class":741},[636,2846,994],{"class":772},[636,2848,2849],{"class":638,"line":1268},[636,2850,2490],{"class":741},[636,2852,2853,2855],{"class":638,"line":1275},[636,2854,2320],{"class":741},[636,2856,896],{"class":772},[636,2858,2859],{"class":638,"line":1280},[636,2860,887],{"class":772},[636,2862,2863,2865],{"class":638,"line":1126},[636,2864,893],{"class":741},[636,2866,896],{"class":772},[898,2868,2870],{"to":2869},"/getting-started/theme#colors",[593,2871,2872],{},"Learn more about color customization and theming in the Theme section.",[607,2874,2876],{"id":2875},"themetransitions",[633,2877,2878],{},"theme.transitions",[593,2880,2196,2881,2883],{},[633,2882,2878],{}," option to enable or disable transitions on components.",[2201,2885,2886],{},[2204,2887,2206,2888],{},[633,2889,2890],{"className":734,"language":735,"style":631},[636,2891,2529],{"class":642},[625,2893,2895],{"className":753,"code":2894,"filename":755,"language":750,"meta":631,"style":631},"import { defineConfig } from 'vite'\nimport vue from '@vitejs/plugin-vue'\nimport ui from '@nuxt/ui/vite'\n\nexport default defineConfig({\n plugins: [\n vue(),\n ui({\n theme: {\n transitions: false\n }\n })\n ]\n})\n",[633,2896,2897,2915,2929,2943,2947,2959,2967,2975,2983,2991,3000,3004,3010,3014],{"__ignoreMap":631},[636,2898,2899,2901,2903,2905,2907,2909,2911,2913],{"class":638,"line":639},[636,2900,766],{"class":765},[636,2902,769],{"class":741},[636,2904,773],{"class":772},[636,2906,776],{"class":741},[636,2908,779],{"class":765},[636,2910,782],{"class":741},[636,2912,738],{"class":645},[636,2914,787],{"class":741},[636,2916,2917,2919,2921,2923,2925,2927],{"class":638,"line":790},[636,2918,766],{"class":765},[636,2920,795],{"class":772},[636,2922,798],{"class":765},[636,2924,782],{"class":741},[636,2926,803],{"class":645},[636,2928,787],{"class":741},[636,2930,2931,2933,2935,2937,2939,2941],{"class":638,"line":757},[636,2932,766],{"class":765},[636,2934,814],{"class":772},[636,2936,798],{"class":765},[636,2938,782],{"class":741},[636,2940,821],{"class":645},[636,2942,787],{"class":741},[636,2944,2945],{"class":638,"line":826},[636,2946,829],{"emptyLinePlaceholder":15},[636,2948,2949,2951,2953,2955,2957],{"class":638,"line":832},[636,2950,835],{"class":765},[636,2952,838],{"class":765},[636,2954,773],{"class":841},[636,2956,844],{"class":772},[636,2958,847],{"class":741},[636,2960,2961,2963,2965],{"class":638,"line":850},[636,2962,854],{"class":853},[636,2964,857],{"class":741},[636,2966,860],{"class":772},[636,2968,2969,2971,2973],{"class":638,"line":863},[636,2970,866],{"class":841},[636,2972,869],{"class":772},[636,2974,872],{"class":741},[636,2976,2977,2979,2981],{"class":638,"line":758},[636,2978,878],{"class":841},[636,2980,844],{"class":772},[636,2982,847],{"class":741},[636,2984,2985,2987,2989],{"class":638,"line":884},[636,2986,2818],{"class":853},[636,2988,857],{"class":741},[636,2990,1055],{"class":741},[636,2992,2993,2996,2998],{"class":638,"line":890},[636,2994,2995],{"class":853}," transitions",[636,2997,857],{"class":741},[636,2999,2631],{"class":2630},[636,3001,3002],{"class":638,"line":1268},[636,3003,2490],{"class":741},[636,3005,3006,3008],{"class":638,"line":1275},[636,3007,2320],{"class":741},[636,3009,896],{"class":772},[636,3011,3012],{"class":638,"line":1280},[636,3013,887],{"class":772},[636,3015,3016,3018],{"class":638,"line":1126},[636,3017,893],{"class":741},[636,3019,896],{"class":772},[1332,3021,3022],{},[593,3023,3024,3025,3028],{},"This option adds the ",[633,3026,3027],{},"transition-colors"," class on components with hover or active states.",[607,3030,3032,3035,3036],{"id":3031},"themedefaultvariants",[633,3033,3034],{},"theme.defaultVariants"," ",[3037,3038],"badge",{"className":3039,"label":352},[3040],"align-text-top",[593,3042,2196,3043,3045,3046,723,3049,3052],{},[633,3044,3034],{}," option to override the default ",[633,3047,3048],{},"color",[633,3050,3051],{},"size"," variants for components.",[2201,3054,3055],{},[2204,3056,2206,3057],{},[633,3058,3059,3062,3065,3067,3069,3071,3073,3075,3078,3080,3082,3085,3087],{"className":734,"language":735,"style":631},[636,3060,3061],{"class":741},"{",[636,3063,3064],{"class":853}," color",[636,3066,857],{"class":741},[636,3068,782],{"class":741},[636,3070,2673],{"class":645},[636,3072,1323],{"class":741},[636,3074,958],{"class":741},[636,3076,3077],{"class":853}," size",[636,3079,857],{"class":741},[636,3081,782],{"class":741},[636,3083,3084],{"class":645},"md",[636,3086,1323],{"class":741},[636,3088,776],{"class":741},[625,3090,3092],{"className":753,"code":3091,"filename":755,"language":750,"meta":631,"style":631},"import { defineConfig } from 'vite'\nimport vue from '@vitejs/plugin-vue'\nimport ui from '@nuxt/ui/vite'\n\nexport default defineConfig({\n plugins: [\n vue(),\n ui({\n theme: {\n defaultVariants: {\n color: 'neutral',\n size: 'sm'\n }\n }\n })\n ]\n})\n",[633,3093,3094,3112,3126,3140,3144,3156,3164,3172,3180,3188,3197,3213,3227,3231,3235,3241,3245],{"__ignoreMap":631},[636,3095,3096,3098,3100,3102,3104,3106,3108,3110],{"class":638,"line":639},[636,3097,766],{"class":765},[636,3099,769],{"class":741},[636,3101,773],{"class":772},[636,3103,776],{"class":741},[636,3105,779],{"class":765},[636,3107,782],{"class":741},[636,3109,738],{"class":645},[636,3111,787],{"class":741},[636,3113,3114,3116,3118,3120,3122,3124],{"class":638,"line":790},[636,3115,766],{"class":765},[636,3117,795],{"class":772},[636,3119,798],{"class":765},[636,3121,782],{"class":741},[636,3123,803],{"class":645},[636,3125,787],{"class":741},[636,3127,3128,3130,3132,3134,3136,3138],{"class":638,"line":757},[636,3129,766],{"class":765},[636,3131,814],{"class":772},[636,3133,798],{"class":765},[636,3135,782],{"class":741},[636,3137,821],{"class":645},[636,3139,787],{"class":741},[636,3141,3142],{"class":638,"line":826},[636,3143,829],{"emptyLinePlaceholder":15},[636,3145,3146,3148,3150,3152,3154],{"class":638,"line":832},[636,3147,835],{"class":765},[636,3149,838],{"class":765},[636,3151,773],{"class":841},[636,3153,844],{"class":772},[636,3155,847],{"class":741},[636,3157,3158,3160,3162],{"class":638,"line":850},[636,3159,854],{"class":853},[636,3161,857],{"class":741},[636,3163,860],{"class":772},[636,3165,3166,3168,3170],{"class":638,"line":863},[636,3167,866],{"class":841},[636,3169,869],{"class":772},[636,3171,872],{"class":741},[636,3173,3174,3176,3178],{"class":638,"line":758},[636,3175,878],{"class":841},[636,3177,844],{"class":772},[636,3179,847],{"class":741},[636,3181,3182,3184,3186],{"class":638,"line":884},[636,3183,2818],{"class":853},[636,3185,857],{"class":741},[636,3187,1055],{"class":741},[636,3189,3190,3193,3195],{"class":638,"line":890},[636,3191,3192],{"class":853}," defaultVariants",[636,3194,857],{"class":741},[636,3196,1055],{"class":741},[636,3198,3199,3202,3204,3206,3209,3211],{"class":638,"line":1268},[636,3200,3201],{"class":853}," color",[636,3203,857],{"class":741},[636,3205,782],{"class":741},[636,3207,3208],{"class":645},"neutral",[636,3210,1323],{"class":741},[636,3212,872],{"class":741},[636,3214,3215,3218,3220,3222,3225],{"class":638,"line":1275},[636,3216,3217],{"class":853}," size",[636,3219,857],{"class":741},[636,3221,782],{"class":741},[636,3223,3224],{"class":645},"sm",[636,3226,787],{"class":741},[636,3228,3229],{"class":638,"line":1280},[636,3230,2485],{"class":741},[636,3232,3233],{"class":638,"line":1126},[636,3234,2490],{"class":741},[636,3236,3237,3239],{"class":638,"line":1306},[636,3238,2320],{"class":741},[636,3240,896],{"class":772},[636,3242,3243],{"class":638,"line":1311},[636,3244,887],{"class":772},[636,3246,3247,3249],{"class":638,"line":1568},[636,3248,893],{"class":741},[636,3250,896],{"class":772},[607,3252,3254],{"id":3253},"inertia",[633,3255,3253],{},[593,3257,2196,3258,3260,3261,742],{},[633,3259,3253],{}," option to enable compatibility with ",[703,3262,1341],{"href":1339,"rel":3263},[707],[625,3265,3267],{"className":753,"code":3266,"filename":755,"language":750,"meta":631,"style":631},"import { defineConfig } from 'vite'\nimport vue from '@vitejs/plugin-vue'\nimport ui from '@nuxt/ui/vite'\n\nexport default defineConfig({\n plugins: [\n vue(),\n ui({\n inertia: true\n })\n ]\n})\n",[633,3268,3269,3287,3301,3315,3319,3331,3339,3347,3355,3365,3371,3375],{"__ignoreMap":631},[636,3270,3271,3273,3275,3277,3279,3281,3283,3285],{"class":638,"line":639},[636,3272,766],{"class":765},[636,3274,769],{"class":741},[636,3276,773],{"class":772},[636,3278,776],{"class":741},[636,3280,779],{"class":765},[636,3282,782],{"class":741},[636,3284,738],{"class":645},[636,3286,787],{"class":741},[636,3288,3289,3291,3293,3295,3297,3299],{"class":638,"line":790},[636,3290,766],{"class":765},[636,3292,795],{"class":772},[636,3294,798],{"class":765},[636,3296,782],{"class":741},[636,3298,803],{"class":645},[636,3300,787],{"class":741},[636,3302,3303,3305,3307,3309,3311,3313],{"class":638,"line":757},[636,3304,766],{"class":765},[636,3306,814],{"class":772},[636,3308,798],{"class":765},[636,3310,782],{"class":741},[636,3312,821],{"class":645},[636,3314,787],{"class":741},[636,3316,3317],{"class":638,"line":826},[636,3318,829],{"emptyLinePlaceholder":15},[636,3320,3321,3323,3325,3327,3329],{"class":638,"line":832},[636,3322,835],{"class":765},[636,3324,838],{"class":765},[636,3326,773],{"class":841},[636,3328,844],{"class":772},[636,3330,847],{"class":741},[636,3332,3333,3335,3337],{"class":638,"line":850},[636,3334,854],{"class":853},[636,3336,857],{"class":741},[636,3338,860],{"class":772},[636,3340,3341,3343,3345],{"class":638,"line":863},[636,3342,866],{"class":841},[636,3344,869],{"class":772},[636,3346,872],{"class":741},[636,3348,3349,3351,3353],{"class":638,"line":758},[636,3350,878],{"class":841},[636,3352,844],{"class":772},[636,3354,847],{"class":741},[636,3356,3357,3360,3362],{"class":638,"line":884},[636,3358,3359],{"class":853}," inertia",[636,3361,857],{"class":741},[636,3363,3364],{"class":2630}," true\n",[636,3366,3367,3369],{"class":638,"line":890},[636,3368,2320],{"class":741},[636,3370,896],{"class":772},[636,3372,3373],{"class":638,"line":1268},[636,3374,887],{"class":772},[636,3376,3377,3379],{"class":638,"line":1275},[636,3378,893],{"class":741},[636,3380,896],{"class":772},[1332,3382,3383],{},[593,3384,3385,3386,3388,3389,3392,3393,3396],{},"When using this option, ",[633,3387,722],{}," is not required as Inertia.js provides its own routing system. The components that would normally use ",[633,3390,3391],{},"RouterLink"," will automatically use Inertia's ",[633,3394,3395],{},"InertiaLink"," component instead.",[602,3398,3400],{"id":3399},"continuous-releases","Continuous Releases",[593,3402,3403,3404,3409],{},"Nuxt UI uses ",[703,3405,3408],{"href":3406,"rel":3407},"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,3411,3412,3413,3416],{},"Automatic preview releases are created for all commits and PRs to the ",[633,3414,3415],{},"v3"," branch. Use them by replacing your package version with the specific commit hash or PR number.",[625,3418,3423],{"className":3419,"code":3420,"filename":3421,"language":3422,"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,3424,3425,3429,3434,3442,3450,3454],{"__ignoreMap":631},[636,3426,3427],{"class":638,"line":639},[636,3428,847],{"class":772},[636,3430,3431],{"class":638,"line":790},[636,3432,3433],{"class":772}," \"dependencies\": {\n",[636,3435,3436,3439],{"class":638,"line":757},[636,3437,3438],{"class":741},"-",[636,3440,3441],{"class":853}," \"@nuxt/ui\": \"^3.0.0\",\n",[636,3443,3444,3447],{"class":638,"line":826},[636,3445,3446],{"class":741},"+",[636,3448,3449],{"class":645}," \"@nuxt/ui\": \"https://pkg.pr.new/@nuxt/ui@4c96909\",\n",[636,3451,3452],{"class":638,"line":832},[636,3453,1110],{"class":772},[636,3455,3456],{"class":638,"line":850},[636,3457,999],{"class":772},[1332,3459,3460],{},[593,3461,3462,3464],{},[597,3463,3408],{}," will automatically comment on PRs with the installation URL, making it easy to test changes.",[3466,3467,3468],"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 .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}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 .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}",{"title":631,"searchDepth":790,"depth":790,"links":3470},[3471,3475,3485],{"id":604,"depth":790,"text":605,"children":3472},[3473,3474],{"id":609,"depth":757,"text":610},{"id":2100,"depth":757,"text":2101},{"id":2182,"depth":790,"text":2183,"children":3476},[3477,3478,3479,3480,3481,3482,3484],{"id":2191,"depth":757,"text":2191},{"id":23,"depth":757,"text":23},{"id":2509,"depth":757,"text":2512},{"id":2650,"depth":757,"text":2653},{"id":2875,"depth":757,"text":2878},{"id":3031,"depth":757,"text":3483},"theme.defaultVariants ",{"id":3253,"depth":757,"text":3253},{"id":3399,"depth":790,"text":3400},"Learn how to install and configure Nuxt UI in your Vue application.",[3488],{"label":3489,"to":3490,"icon":3491},"Playground","https://codesandbox.io/p/devbox/nuxt-ui3-vue-4h5gqn","i-lucide-codesandbox",{},{"icon":24},{"title":14,"description":3486},"8OAdcNAy3rVHSA-FdycvezpY5w9WAqjqU4sxFBM-NkU",[3497,3499],{"title":10,"path":6,"stem":7,"description":3498,"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":3500,"children":-1},"A comprehensive guide to migrate your application from Nuxt UI v2 to Nuxt UI v3.",{"data":3502,"body":3503},{},{"type":3504,"children":3505},"root",[3506],{"type":3507,"tag":593,"props":3508,"children":3509},"element",{},[3510],{"type":3511,"value":3486},"text",1756715486739]