[{"data":1,"prerenderedAt":2944},["ShallowReactive",2],{"navigation":3,"-getting-started-installation-vue":561,"-getting-started-installation-vue-surround":2928,"-getting-started-installation-vue-description":2933},[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,201,205,209,213,217,221,225,229,233,237,241,245,249,253,257,261,265,269,273,277,281,285,289,293,297,301,305,309,313,317,321,325,329,333,337,341,345,349,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],{"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,"badge":200},"ChatMessage","/components/chat-message","3.components/chat-message","New",{"title":202,"path":203,"stem":204,"framework":11,"module":37,"badge":200},"ChatMessages","/components/chat-messages","3.components/chat-messages",{"title":206,"path":207,"stem":208,"framework":11,"module":37,"badge":200},"ChatPalette","/components/chat-palette","3.components/chat-palette",{"title":210,"path":211,"stem":212,"framework":11,"module":37,"badge":200},"ChatPrompt","/components/chat-prompt","3.components/chat-prompt",{"title":214,"path":215,"stem":216,"framework":11,"module":37,"badge":200},"ChatPromptSubmit","/components/chat-prompt-submit","3.components/chat-prompt-submit",{"title":218,"path":219,"stem":220,"framework":11,"module":11},"Checkbox","/components/checkbox","3.components/checkbox",{"title":222,"path":223,"stem":224,"framework":11,"module":11,"badge":200},"CheckboxGroup","/components/checkbox-group","3.components/checkbox-group",{"title":226,"path":227,"stem":228,"framework":11,"module":11},"Chip","/components/chip","3.components/chip",{"title":230,"path":231,"stem":232,"framework":11,"module":11},"Collapsible","/components/collapsible","3.components/collapsible",{"title":234,"path":235,"stem":236,"framework":11,"module":37},"ColorModeAvatar","/components/color-mode-avatar","3.components/color-mode-avatar",{"title":238,"path":239,"stem":240,"framework":11,"module":37},"ColorModeButton","/components/color-mode-button","3.components/color-mode-button",{"title":242,"path":243,"stem":244,"framework":11,"module":37},"ColorModeImage","/components/color-mode-image","3.components/color-mode-image",{"title":246,"path":247,"stem":248,"framework":11,"module":37},"ColorModeSelect","/components/color-mode-select","3.components/color-mode-select",{"title":250,"path":251,"stem":252,"framework":11,"module":37},"ColorModeSwitch","/components/color-mode-switch","3.components/color-mode-switch",{"title":254,"path":255,"stem":256,"framework":11,"module":11},"ColorPicker","/components/color-picker","3.components/color-picker",{"title":258,"path":259,"stem":260,"framework":11,"module":11},"CommandPalette","/components/command-palette","3.components/command-palette",{"title":262,"path":263,"stem":264,"framework":11,"module":11},"Container","/components/container","3.components/container",{"title":266,"path":267,"stem":268,"framework":22,"module":37},"ContentNavigation","/components/content-navigation","3.components/content-navigation",{"title":270,"path":271,"stem":272,"framework":22,"module":37},"ContentSearch","/components/content-search","3.components/content-search",{"title":274,"path":275,"stem":276,"framework":22,"module":37},"ContentSearchButton","/components/content-search-button","3.components/content-search-button",{"title":278,"path":279,"stem":280,"framework":22,"module":37},"ContentSurround","/components/content-surround","3.components/content-surround",{"title":282,"path":283,"stem":284,"framework":22,"module":37},"ContentToc","/components/content-toc","3.components/content-toc",{"title":286,"path":287,"stem":288,"framework":11,"module":11},"ContextMenu","/components/context-menu","3.components/context-menu",{"title":290,"path":291,"stem":292,"framework":11,"module":37},"DashboardGroup","/components/dashboard-group","3.components/dashboard-group",{"title":294,"path":295,"stem":296,"framework":11,"module":37},"DashboardNavbar","/components/dashboard-navbar","3.components/dashboard-navbar",{"title":298,"path":299,"stem":300,"framework":11,"module":37},"DashboardPanel","/components/dashboard-panel","3.components/dashboard-panel",{"title":302,"path":303,"stem":304,"framework":11,"module":37},"DashboardResizeHandle","/components/dashboard-resize-handle","3.components/dashboard-resize-handle",{"title":306,"path":307,"stem":308,"framework":11,"module":37},"DashboardSearch","/components/dashboard-search","3.components/dashboard-search",{"title":310,"path":311,"stem":312,"framework":11,"module":37},"DashboardSearchButton","/components/dashboard-search-button","3.components/dashboard-search-button",{"title":314,"path":315,"stem":316,"framework":11,"module":37},"DashboardSidebar","/components/dashboard-sidebar","3.components/dashboard-sidebar",{"title":318,"path":319,"stem":320,"framework":11,"module":37},"DashboardSidebarCollapse","/components/dashboard-sidebar-collapse","3.components/dashboard-sidebar-collapse",{"title":322,"path":323,"stem":324,"framework":11,"module":37},"DashboardSidebarToggle","/components/dashboard-sidebar-toggle","3.components/dashboard-sidebar-toggle",{"title":326,"path":327,"stem":328,"framework":11,"module":37},"DashboardToolbar","/components/dashboard-toolbar","3.components/dashboard-toolbar",{"title":330,"path":331,"stem":332,"framework":11,"module":11},"Drawer","/components/drawer","3.components/drawer",{"title":334,"path":335,"stem":336,"framework":11,"module":11},"DropdownMenu","/components/dropdown-menu","3.components/dropdown-menu",{"title":338,"path":339,"stem":340,"framework":11,"module":37},"Error","/components/error","3.components/error",{"title":342,"path":343,"stem":344,"framework":11,"module":37},"Footer","/components/footer","3.components/footer",{"title":346,"path":347,"stem":348,"framework":11,"module":37},"FooterColumns","/components/footer-columns","3.components/footer-columns",{"title":350,"path":351,"stem":352,"framework":11,"module":11},"Form","/components/form","3.components/form",{"title":354,"path":355,"stem":356,"framework":11,"module":11},"FormField","/components/form-field","3.components/form-field",{"title":358,"path":359,"stem":360,"framework":11,"module":37},"Header","/components/header","3.components/header",{"title":362,"path":363,"stem":364,"framework":11,"module":11},"Icon","/components/icon","3.components/icon",{"title":366,"path":367,"stem":368,"framework":11,"module":11},"Input","/components/input","3.components/input",{"title":370,"path":371,"stem":372,"framework":11,"module":11},"InputMenu","/components/input-menu","3.components/input-menu",{"title":374,"path":375,"stem":376,"framework":11,"module":11},"InputNumber","/components/input-number","3.components/input-number",{"title":378,"path":379,"stem":380,"framework":11,"module":11},"Kbd","/components/kbd","3.components/kbd",{"title":382,"path":383,"stem":384,"framework":11,"module":11},"Link","/components/link","3.components/link",{"title":386,"path":387,"stem":388,"framework":11,"module":37},"LocaleSelect","/components/locale-select","3.components/locale-select",{"title":390,"path":391,"stem":392,"framework":11,"module":37},"Main","/components/main","3.components/main",{"title":394,"path":395,"stem":396,"framework":11,"module":11},"Modal","/components/modal","3.components/modal",{"title":398,"path":399,"stem":400,"framework":11,"module":11},"NavigationMenu","/components/navigation-menu","3.components/navigation-menu",{"title":402,"path":403,"stem":404,"framework":11,"module":37},"Page","/components/page","3.components/page",{"title":406,"path":407,"stem":408,"framework":11,"module":37},"PageAccordion","/components/page-accordion","3.components/page-accordion",{"title":410,"path":411,"stem":412,"framework":11,"module":37},"PageAnchors","/components/page-anchors","3.components/page-anchors",{"title":414,"path":415,"stem":416,"framework":11,"module":37},"PageAside","/components/page-aside","3.components/page-aside",{"title":418,"path":419,"stem":420,"framework":11,"module":37},"PageBody","/components/page-body","3.components/page-body",{"title":422,"path":423,"stem":424,"framework":11,"module":37},"PageCard","/components/page-card","3.components/page-card",{"title":426,"path":427,"stem":428,"framework":11,"module":37},"PageColumns","/components/page-columns","3.components/page-columns",{"title":430,"path":431,"stem":432,"framework":11,"module":37},"PageCTA","/components/page-cta","3.components/page-cta",{"title":434,"path":435,"stem":436,"framework":11,"module":37},"PageFeature","/components/page-feature","3.components/page-feature",{"title":438,"path":439,"stem":440,"framework":11,"module":37},"PageGrid","/components/page-grid","3.components/page-grid",{"title":442,"path":443,"stem":444,"framework":11,"module":37},"PageHeader","/components/page-header","3.components/page-header",{"title":446,"path":447,"stem":448,"framework":11,"module":37},"PageHero","/components/page-hero","3.components/page-hero",{"title":450,"path":451,"stem":452,"framework":11,"module":37},"PageLinks","/components/page-links","3.components/page-links",{"title":454,"path":455,"stem":456,"framework":11,"module":37},"PageList","/components/page-list","3.components/page-list",{"title":458,"path":459,"stem":460,"framework":11,"module":37},"PageLogos","/components/page-logos","3.components/page-logos",{"title":462,"path":463,"stem":464,"framework":11,"module":37},"PageMarquee","/components/page-marquee","3.components/page-marquee",{"title":466,"path":467,"stem":468,"framework":11,"module":37},"PageSection","/components/page-section","3.components/page-section",{"title":470,"path":471,"stem":472,"framework":11,"module":11},"Pagination","/components/pagination","3.components/pagination",{"title":474,"path":475,"stem":476,"framework":11,"module":11},"PinInput","/components/pin-input","3.components/pin-input",{"title":478,"path":479,"stem":480,"framework":11,"module":11},"Popover","/components/popover","3.components/popover",{"title":482,"path":483,"stem":484,"framework":11,"module":37},"PricingPlan","/components/pricing-plan","3.components/pricing-plan",{"title":486,"path":487,"stem":488,"framework":11,"module":37},"PricingPlans","/components/pricing-plans","3.components/pricing-plans",{"title":490,"path":491,"stem":492,"framework":11,"module":37,"badge":200},"PricingTable","/components/pricing-table","3.components/pricing-table",{"title":494,"path":495,"stem":496,"framework":11,"module":11},"Progress","/components/progress","3.components/progress",{"title":498,"path":499,"stem":500,"framework":11,"module":11},"RadioGroup","/components/radio-group","3.components/radio-group",{"title":502,"path":503,"stem":504,"framework":11,"module":11},"Select","/components/select","3.components/select",{"title":506,"path":507,"stem":508,"framework":11,"module":11},"SelectMenu","/components/select-menu","3.components/select-menu",{"title":510,"path":511,"stem":512,"framework":11,"module":11},"Separator","/components/separator","3.components/separator",{"title":514,"path":515,"stem":516,"framework":11,"module":11},"Skeleton","/components/skeleton","3.components/skeleton",{"title":518,"path":519,"stem":520,"framework":11,"module":11},"Slideover","/components/slideover","3.components/slideover",{"title":522,"path":523,"stem":524,"framework":11,"module":11},"Slider","/components/slider","3.components/slider",{"title":526,"path":527,"stem":528,"framework":11,"module":11},"Stepper","/components/stepper","3.components/stepper",{"title":530,"path":531,"stem":532,"framework":11,"module":11},"Switch","/components/switch","3.components/switch",{"title":534,"path":535,"stem":536,"framework":11,"module":11},"Table","/components/table","3.components/table",{"title":538,"path":539,"stem":540,"framework":11,"module":11},"Tabs","/components/tabs","3.components/tabs",{"title":542,"path":543,"stem":544,"framework":11,"module":11},"Textarea","/components/textarea","3.components/textarea",{"title":546,"path":547,"stem":548,"framework":11,"module":11},"Toast","/components/toast","3.components/toast",{"title":550,"path":551,"stem":552,"framework":11,"module":11},"Tooltip","/components/tooltip","3.components/tooltip",{"title":554,"path":555,"stem":556,"framework":11,"module":11},"Tree","/components/tree","3.components/tree",{"title":558,"path":559,"stem":560,"framework":11,"module":37},"User","/components/user","3.components/user",{"id":562,"title":14,"body":563,"category":11,"description":2917,"extension":2918,"framework":28,"links":2919,"meta":2924,"module":23,"navigation":2925,"path":26,"seo":2926,"stem":27,"__hash__":2927},"content/1.getting-started/2.installation/2.vue.md",{"type":564,"value":565,"toc":2902},"minimal",[566,581,586,591,1746,1750,1759,1762,1795,1803,1806,1834,1838,1843,1848,1854,1866,1987,1991,1996,2161,2167,2175,2184,2302,2308,2313,2377,2521,2527,2533,2538,2546,2674,2683,2688,2696,2813,2829,2833,2842,2849,2891,2898],[567,568,572],"callout",{"icon":569,"className":570,"to":20},"i-logos-nuxt-icon",[571],"hidden",[573,574,575,576,580],"p",{},"Looking for the ",[577,578,579],"strong",{},"Nuxt"," version?",[582,583,585],"h2",{"id":584},"setup","Setup",[587,588,590],"h3",{"id":589},"add-to-a-vue-project","Add to a Vue project",[592,593,595,600,673,708,731,877,1002,1009,1218,1233,1237,1272,1477,1669,1673,1730],"steps",{"level":594},"4",[596,597,599],"h4",{"id":598},"install-the-nuxt-ui-package","Install the Nuxt UI package",[601,602,604,630,644,659],"code-group",{"sync":603},"pm",[605,606,612],"pre",{"className":607,"code":608,"filename":609,"language":610,"meta":611,"style":611},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","pnpm add @nuxt/ui\n","pnpm","bash","",[613,614,615],"code",{"__ignoreMap":611},[616,617,620,623,627],"span",{"class":618,"line":619},"line",1,[616,621,609],{"class":622},"sBMFI",[616,624,626],{"class":625},"sfazB"," add",[616,628,629],{"class":625}," @nuxt/ui\n",[605,631,634],{"className":607,"code":632,"filename":633,"language":610,"meta":611,"style":611},"yarn add @nuxt/ui\n","yarn",[613,635,636],{"__ignoreMap":611},[616,637,638,640,642],{"class":618,"line":619},[616,639,633],{"class":622},[616,641,626],{"class":625},[616,643,629],{"class":625},[605,645,648],{"className":607,"code":646,"filename":647,"language":610,"meta":611,"style":611},"npm install @nuxt/ui\n","npm",[613,649,650],{"__ignoreMap":611},[616,651,652,654,657],{"class":618,"line":619},[616,653,647],{"class":622},[616,655,656],{"class":625}," install",[616,658,629],{"class":625},[605,660,663],{"className":607,"code":661,"filename":662,"language":610,"meta":611,"style":611},"bun add @nuxt/ui\n","bun",[613,664,665],{"__ignoreMap":611},[616,666,667,669,671],{"class":618,"line":619},[616,668,662],{"class":622},[616,670,626],{"class":625},[616,672,629],{"class":625},[674,675,676],"warning",{},[573,677,678,679,681,682,691,692,695,696,699,700,703,704,707],{},"If you're using ",[577,680,609],{},", ensure that you either set ",[683,684,688],"a",{"href":685,"rel":686},"https://pnpm.io/npmrc#shamefully-hoist",[687],"nofollow",[613,689,690],{},"shamefully-hoist=true"," in your ",[613,693,694],{},".npmrc"," file or install ",[613,697,698],{},"tailwindcss",", ",[613,701,702],{},"vue-router"," and ",[613,705,706],{},"@unhead/vue"," in your project's root directory.",[596,709,711,712],{"id":710},"add-the-nuxt-ui-vite-plugin-in-your-viteconfigts","Add the Nuxt UI Vite plugin in your ",[613,713,716,719,723,726,728],{"className":714,"language":715,"style":611},"language-ts-type shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","ts-type",[616,717,718],{"class":622},"vite",[616,720,722],{"class":721},"sMK4o",".",[616,724,725],{"class":622},"config",[616,727,722],{"class":721},[616,729,730],{"class":622},"ts",[605,732,739],{"className":733,"code":734,"filename":735,"highlights":736,"language":730,"meta":611,"style":611},"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",[737,738],3,8,[613,740,741,768,786,804,810,828,841,853,862,868],{"__ignoreMap":611},[616,742,743,747,750,754,757,760,763,765],{"class":618,"line":619},[616,744,746],{"class":745},"s7zQu","import",[616,748,749],{"class":721}," {",[616,751,753],{"class":752},"sTEyZ"," defineConfig",[616,755,756],{"class":721}," }",[616,758,759],{"class":745}," from",[616,761,762],{"class":721}," '",[616,764,718],{"class":625},[616,766,767],{"class":721},"'\n",[616,769,771,773,776,779,781,784],{"class":618,"line":770},2,[616,772,746],{"class":745},[616,774,775],{"class":752}," vue ",[616,777,778],{"class":745},"from",[616,780,762],{"class":721},[616,782,783],{"class":625},"@vitejs/plugin-vue",[616,785,767],{"class":721},[616,787,790,792,795,797,799,802],{"class":788,"line":737},[618,789],"highlight",[616,791,746],{"class":745},[616,793,794],{"class":752}," ui ",[616,796,778],{"class":745},[616,798,762],{"class":721},[616,800,801],{"class":625},"@nuxt/ui/vite",[616,803,767],{"class":721},[616,805,807],{"class":618,"line":806},4,[616,808,809],{"emptyLinePlaceholder":15},"\n",[616,811,813,816,819,822,825],{"class":618,"line":812},5,[616,814,815],{"class":745},"export",[616,817,818],{"class":745}," default",[616,820,753],{"class":821},"s2Zo4",[616,823,824],{"class":752},"(",[616,826,827],{"class":721},"{\n",[616,829,831,835,838],{"class":618,"line":830},6,[616,832,834],{"class":833},"swJcz","  plugins",[616,836,837],{"class":721},":",[616,839,840],{"class":752}," [\n",[616,842,844,847,850],{"class":618,"line":843},7,[616,845,846],{"class":821},"    vue",[616,848,849],{"class":752},"()",[616,851,852],{"class":721},",\n",[616,854,856,859],{"class":855,"line":738},[618,789],[616,857,858],{"class":821},"    ui",[616,860,861],{"class":752},"()\n",[616,863,865],{"class":618,"line":864},9,[616,866,867],{"class":752},"  ]\n",[616,869,871,874],{"class":618,"line":870},10,[616,872,873],{"class":721},"}",[616,875,876],{"class":752},")\n",[878,879,880,900,980],"tip",{},[573,881,882,883,703,886,889,890,703,893,896,897,722],{},"Nuxt UI registers ",[613,884,885],{},"unplugin-auto-import",[613,887,888],{},"unplugin-vue-components",", which will generate ",[613,891,892],{},"auto-imports.d.ts",[613,894,895],{},"components.d.ts"," type declaration files. You will likely want to gitignore these, and add them to your ",[613,898,899],{},"tsconfig",[605,901,906],{"className":902,"code":903,"filename":904,"language":905,"meta":611,"style":611},"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",[613,907,908,912,975],{"__ignoreMap":611},[616,909,910],{"class":618,"line":619},[616,911,827],{"class":721},[616,913,914,917,921,924,926,929,931,934,936,939,942,945,947,949,951,954,956,958,960,962,964,966,968,970,972],{"class":618,"line":770},[616,915,916],{"class":721},"  \"",[616,918,920],{"class":919},"spNyl","include",[616,922,923],{"class":721},"\"",[616,925,837],{"class":721},[616,927,928],{"class":721}," [",[616,930,923],{"class":721},[616,932,933],{"class":625},"src/**/*.ts",[616,935,923],{"class":721},[616,937,938],{"class":721},",",[616,940,941],{"class":721}," \"",[616,943,944],{"class":625},"src/**/*.tsx",[616,946,923],{"class":721},[616,948,938],{"class":721},[616,950,941],{"class":721},[616,952,953],{"class":625},"src/**/*.vue",[616,955,923],{"class":721},[616,957,938],{"class":721},[616,959,941],{"class":721},[616,961,892],{"class":625},[616,963,923],{"class":721},[616,965,938],{"class":721},[616,967,941],{"class":721},[616,969,895],{"class":625},[616,971,923],{"class":721},[616,973,974],{"class":721},"]\n",[616,976,977],{"class":618,"line":737},[616,978,979],{"class":721},"}\n",[605,981,984],{"className":607,"code":982,"filename":983,"language":610,"meta":611,"style":611},"# Auto-generated type declarations\nauto-imports.d.ts\ncomponents.d.ts\n",".gitignore",[613,985,986,992,997],{"__ignoreMap":611},[616,987,988],{"class":618,"line":619},[616,989,991],{"class":990},"sHwdD","# Auto-generated type declarations\n",[616,993,994],{"class":618,"line":770},[616,995,996],{"class":622},"auto-imports.d.ts\n",[616,998,999],{"class":618,"line":737},[616,1000,1001],{"class":622},"components.d.ts\n",[596,1003,1005,1006],{"id":1004},"use-the-nuxt-ui-vue-plugin-in-your-maints","Use the Nuxt UI Vue plugin in your ",[613,1007,1008],{},"main.ts",[605,1010,1014],{"className":733,"code":1011,"filename":1008,"highlights":1012,"language":730,"meta":611,"style":611},"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",[737,1013],14,[613,1015,1016,1035,1059,1075,1091,1095,1111,1115,1130,1142,1153,1160,1165,1179,1191,1196],{"__ignoreMap":611},[616,1017,1018,1020,1022,1025,1027,1029,1031,1033],{"class":618,"line":619},[616,1019,746],{"class":745},[616,1021,749],{"class":721},[616,1023,1024],{"class":752}," createApp",[616,1026,756],{"class":721},[616,1028,759],{"class":745},[616,1030,762],{"class":721},[616,1032,28],{"class":625},[616,1034,767],{"class":721},[616,1036,1037,1039,1041,1044,1046,1049,1051,1053,1055,1057],{"class":618,"line":770},[616,1038,746],{"class":745},[616,1040,749],{"class":721},[616,1042,1043],{"class":752}," createRouter",[616,1045,938],{"class":721},[616,1047,1048],{"class":752}," createWebHistory",[616,1050,756],{"class":721},[616,1052,759],{"class":745},[616,1054,762],{"class":721},[616,1056,702],{"class":625},[616,1058,767],{"class":721},[616,1060,1062,1064,1066,1068,1070,1073],{"class":1061,"line":737},[618,789],[616,1063,746],{"class":745},[616,1065,794],{"class":752},[616,1067,778],{"class":745},[616,1069,762],{"class":721},[616,1071,1072],{"class":625},"@nuxt/ui/vue-plugin",[616,1074,767],{"class":721},[616,1076,1077,1079,1082,1084,1086,1089],{"class":618,"line":806},[616,1078,746],{"class":745},[616,1080,1081],{"class":752}," App ",[616,1083,778],{"class":745},[616,1085,762],{"class":721},[616,1087,1088],{"class":625},"./App.vue",[616,1090,767],{"class":721},[616,1092,1093],{"class":618,"line":812},[616,1094,809],{"emptyLinePlaceholder":15},[616,1096,1097,1100,1103,1106,1108],{"class":618,"line":830},[616,1098,1099],{"class":919},"const",[616,1101,1102],{"class":752}," app ",[616,1104,1105],{"class":721},"=",[616,1107,1024],{"class":821},[616,1109,1110],{"class":752},"(App)\n",[616,1112,1113],{"class":618,"line":843},[616,1114,809],{"emptyLinePlaceholder":15},[616,1116,1117,1119,1122,1124,1126,1128],{"class":618,"line":738},[616,1118,1099],{"class":919},[616,1120,1121],{"class":752}," router ",[616,1123,1105],{"class":721},[616,1125,1043],{"class":821},[616,1127,824],{"class":752},[616,1129,827],{"class":721},[616,1131,1132,1135,1137,1140],{"class":618,"line":864},[616,1133,1134],{"class":833},"  routes",[616,1136,837],{"class":721},[616,1138,1139],{"class":752}," []",[616,1141,852],{"class":721},[616,1143,1144,1147,1149,1151],{"class":618,"line":870},[616,1145,1146],{"class":833},"  history",[616,1148,837],{"class":721},[616,1150,1048],{"class":821},[616,1152,861],{"class":752},[616,1154,1156,1158],{"class":618,"line":1155},11,[616,1157,873],{"class":721},[616,1159,876],{"class":752},[616,1161,1163],{"class":618,"line":1162},12,[616,1164,809],{"emptyLinePlaceholder":15},[616,1166,1168,1171,1173,1176],{"class":618,"line":1167},13,[616,1169,1170],{"class":752},"app",[616,1172,722],{"class":721},[616,1174,1175],{"class":821},"use",[616,1177,1178],{"class":752},"(router)\n",[616,1180,1182,1184,1186,1188],{"class":1181,"line":1013},[618,789],[616,1183,1170],{"class":752},[616,1185,722],{"class":721},[616,1187,1175],{"class":821},[616,1189,1190],{"class":752},"(ui)\n",[616,1192,1194],{"class":618,"line":1193},15,[616,1195,809],{"emptyLinePlaceholder":15},[616,1197,1199,1201,1203,1206,1208,1211,1214,1216],{"class":618,"line":1198},16,[616,1200,1170],{"class":752},[616,1202,722],{"class":721},[616,1204,1205],{"class":821},"mount",[616,1207,824],{"class":752},[616,1209,1210],{"class":721},"'",[616,1212,1213],{"class":625},"#app",[616,1215,1210],{"class":721},[616,1217,876],{"class":752},[1219,1220,1222],"note",{"to":1221},"#inertia",[573,1223,678,1224,1229,1230,1232],{},[683,1225,1228],{"href":1226,"rel":1227},"https://inertiajs.com/",[687],"Inertia.js",", you can skip the ",[613,1231,702],{}," setup as Inertia provides its own routing system.",[596,1234,1236],{"id":1235},"import-tailwind-css-and-nuxt-ui-in-your-css","Import Tailwind CSS and Nuxt UI in your CSS",[605,1238,1243],{"className":1239,"code":1240,"filename":1241,"language":1242,"meta":611,"style":611},"language-css shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","@import \"tailwindcss\";\n@import \"@nuxt/ui\";\n","assets/main.css","css",[613,1244,1245,1259],{"__ignoreMap":611},[616,1246,1247,1250,1252,1254,1256],{"class":618,"line":619},[616,1248,1249],{"class":745},"@import",[616,1251,941],{"class":721},[616,1253,698],{"class":625},[616,1255,923],{"class":721},[616,1257,1258],{"class":721},";\n",[616,1260,1261,1263,1265,1268,1270],{"class":618,"line":770},[616,1262,1249],{"class":745},[616,1264,941],{"class":721},[616,1266,1267],{"class":625},"@nuxt/ui",[616,1269,923],{"class":721},[616,1271,1258],{"class":721},[878,1273,1274,1279],{},[573,1275,1276,1277,722],{},"Import the CSS file in your ",[613,1278,1008],{},[605,1280,1283],{"className":733,"code":1281,"filename":1008,"highlights":1282,"language":730,"meta":611,"style":611},"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",[619],[613,1284,1285,1297,1301,1319,1341,1355,1369,1373,1385,1389,1403,1413,1423,1429,1433,1443,1453,1458],{"__ignoreMap":611},[616,1286,1288,1290,1292,1295],{"class":1287,"line":619},[618,789],[616,1289,746],{"class":745},[616,1291,762],{"class":721},[616,1293,1294],{"class":625},"./assets/main.css",[616,1296,767],{"class":721},[616,1298,1299],{"class":618,"line":770},[616,1300,809],{"emptyLinePlaceholder":15},[616,1302,1303,1305,1307,1309,1311,1313,1315,1317],{"class":618,"line":737},[616,1304,746],{"class":745},[616,1306,749],{"class":721},[616,1308,1024],{"class":752},[616,1310,756],{"class":721},[616,1312,759],{"class":745},[616,1314,762],{"class":721},[616,1316,28],{"class":625},[616,1318,767],{"class":721},[616,1320,1321,1323,1325,1327,1329,1331,1333,1335,1337,1339],{"class":618,"line":806},[616,1322,746],{"class":745},[616,1324,749],{"class":721},[616,1326,1043],{"class":752},[616,1328,938],{"class":721},[616,1330,1048],{"class":752},[616,1332,756],{"class":721},[616,1334,759],{"class":745},[616,1336,762],{"class":721},[616,1338,702],{"class":625},[616,1340,767],{"class":721},[616,1342,1343,1345,1347,1349,1351,1353],{"class":618,"line":812},[616,1344,746],{"class":745},[616,1346,794],{"class":752},[616,1348,778],{"class":745},[616,1350,762],{"class":721},[616,1352,1072],{"class":625},[616,1354,767],{"class":721},[616,1356,1357,1359,1361,1363,1365,1367],{"class":618,"line":830},[616,1358,746],{"class":745},[616,1360,1081],{"class":752},[616,1362,778],{"class":745},[616,1364,762],{"class":721},[616,1366,1088],{"class":625},[616,1368,767],{"class":721},[616,1370,1371],{"class":618,"line":843},[616,1372,809],{"emptyLinePlaceholder":15},[616,1374,1375,1377,1379,1381,1383],{"class":618,"line":738},[616,1376,1099],{"class":919},[616,1378,1102],{"class":752},[616,1380,1105],{"class":721},[616,1382,1024],{"class":821},[616,1384,1110],{"class":752},[616,1386,1387],{"class":618,"line":864},[616,1388,809],{"emptyLinePlaceholder":15},[616,1390,1391,1393,1395,1397,1399,1401],{"class":618,"line":870},[616,1392,1099],{"class":919},[616,1394,1121],{"class":752},[616,1396,1105],{"class":721},[616,1398,1043],{"class":821},[616,1400,824],{"class":752},[616,1402,827],{"class":721},[616,1404,1405,1407,1409,1411],{"class":618,"line":1155},[616,1406,1134],{"class":833},[616,1408,837],{"class":721},[616,1410,1139],{"class":752},[616,1412,852],{"class":721},[616,1414,1415,1417,1419,1421],{"class":618,"line":1162},[616,1416,1146],{"class":833},[616,1418,837],{"class":721},[616,1420,1048],{"class":821},[616,1422,861],{"class":752},[616,1424,1425,1427],{"class":618,"line":1167},[616,1426,873],{"class":721},[616,1428,876],{"class":752},[616,1430,1431],{"class":618,"line":1013},[616,1432,809],{"emptyLinePlaceholder":15},[616,1434,1435,1437,1439,1441],{"class":618,"line":1193},[616,1436,1170],{"class":752},[616,1438,722],{"class":721},[616,1440,1175],{"class":821},[616,1442,1178],{"class":752},[616,1444,1445,1447,1449,1451],{"class":618,"line":1198},[616,1446,1170],{"class":752},[616,1448,722],{"class":721},[616,1450,1175],{"class":821},[616,1452,1190],{"class":752},[616,1454,1456],{"class":618,"line":1455},17,[616,1457,809],{"emptyLinePlaceholder":15},[616,1459,1461,1463,1465,1467,1469,1471,1473,1475],{"class":618,"line":1460},18,[616,1462,1170],{"class":752},[616,1464,722],{"class":721},[616,1466,1205],{"class":821},[616,1468,824],{"class":752},[616,1470,1210],{"class":721},[616,1472,1213],{"class":625},[616,1474,1210],{"class":721},[616,1476,876],{"class":752},[567,1478,1480,1489],{"icon":1479},"i-simple-icons-visualstudiocode",[573,1481,1482,1483,1488],{},"It's recommended to install the ",[683,1484,1487],{"href":1485,"rel":1486},"https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss",[687],"Tailwind CSS IntelliSense"," extension for VSCode and add the following settings:",[605,1490,1493],{"className":902,"code":1491,"filename":1492,"language":905,"meta":611,"style":611},"{\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",[613,1494,1495,1499,1513,1532,1537,1550,1568,1572,1603,1616,1661,1665],{"__ignoreMap":611},[616,1496,1497],{"class":618,"line":619},[616,1498,827],{"class":721},[616,1500,1501,1503,1506,1508,1510],{"class":618,"line":770},[616,1502,916],{"class":721},[616,1504,1505],{"class":919},"files.associations",[616,1507,923],{"class":721},[616,1509,837],{"class":721},[616,1511,1512],{"class":721}," {\n",[616,1514,1515,1518,1521,1523,1525,1527,1529],{"class":618,"line":737},[616,1516,1517],{"class":721},"    \"",[616,1519,1520],{"class":622},"*.css",[616,1522,923],{"class":721},[616,1524,837],{"class":721},[616,1526,941],{"class":721},[616,1528,698],{"class":625},[616,1530,1531],{"class":721},"\"\n",[616,1533,1534],{"class":618,"line":806},[616,1535,1536],{"class":721},"  },\n",[616,1538,1539,1541,1544,1546,1548],{"class":618,"line":812},[616,1540,916],{"class":721},[616,1542,1543],{"class":919},"editor.quickSuggestions",[616,1545,923],{"class":721},[616,1547,837],{"class":721},[616,1549,1512],{"class":721},[616,1551,1552,1554,1557,1559,1561,1563,1566],{"class":618,"line":830},[616,1553,1517],{"class":721},[616,1555,1556],{"class":622},"strings",[616,1558,923],{"class":721},[616,1560,837],{"class":721},[616,1562,941],{"class":721},[616,1564,1565],{"class":625},"on",[616,1567,1531],{"class":721},[616,1569,1570],{"class":618,"line":843},[616,1571,1536],{"class":721},[616,1573,1574,1576,1579,1581,1583,1585,1587,1590,1592,1594,1596,1598,1600],{"class":618,"line":738},[616,1575,916],{"class":721},[616,1577,1578],{"class":919},"tailwindCSS.classAttributes",[616,1580,923],{"class":721},[616,1582,837],{"class":721},[616,1584,928],{"class":721},[616,1586,923],{"class":721},[616,1588,1589],{"class":625},"class",[616,1591,923],{"class":721},[616,1593,938],{"class":721},[616,1595,941],{"class":721},[616,1597,23],{"class":625},[616,1599,923],{"class":721},[616,1601,1602],{"class":721},"],\n",[616,1604,1605,1607,1610,1612,1614],{"class":618,"line":864},[616,1606,916],{"class":721},[616,1608,1609],{"class":919},"tailwindCSS.experimental.classRegex",[616,1611,923],{"class":721},[616,1613,837],{"class":721},[616,1615,840],{"class":721},[616,1617,1618,1621,1623,1626,1629,1632,1634,1637,1639,1641,1643,1646,1649,1652,1654,1657,1659],{"class":618,"line":870},[616,1619,1620],{"class":721},"    [",[616,1622,923],{"class":721},[616,1624,1625],{"class":625},"ui:",[616,1627,1628],{"class":752},"\\\\",[616,1630,1631],{"class":625},"s*{([^)]*)",[616,1633,1628],{"class":752},[616,1635,1636],{"class":625},"s*}",[616,1638,923],{"class":721},[616,1640,938],{"class":721},[616,1642,941],{"class":721},[616,1644,1645],{"class":625},"(?:'|",[616,1647,1648],{"class":752},"\\\"",[616,1650,1651],{"class":625},"|`)([^']*)(?:'|",[616,1653,1648],{"class":752},[616,1655,1656],{"class":625},"|`)",[616,1658,923],{"class":721},[616,1660,974],{"class":721},[616,1662,1663],{"class":618,"line":1155},[616,1664,867],{"class":721},[616,1666,1667],{"class":618,"line":1162},[616,1668,979],{"class":721},[596,1670,1672],{"id":1671},"wrap-your-app-with-app-component","Wrap your app with App component",[605,1674,1678],{"className":1675,"code":1676,"filename":1677,"language":28,"meta":611,"style":611},"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",[613,1679,1680,1691,1701,1712,1721],{"__ignoreMap":611},[616,1681,1682,1685,1688],{"class":618,"line":619},[616,1683,1684],{"class":721},"\u003C",[616,1686,1687],{"class":833},"template",[616,1689,1690],{"class":721},">\n",[616,1692,1693,1696,1699],{"class":618,"line":770},[616,1694,1695],{"class":721},"  \u003C",[616,1697,1698],{"class":833},"UApp",[616,1700,1690],{"class":721},[616,1702,1703,1706,1709],{"class":618,"line":737},[616,1704,1705],{"class":721},"    \u003C",[616,1707,1708],{"class":833},"RouterView",[616,1710,1711],{"class":721}," />\n",[616,1713,1714,1717,1719],{"class":618,"line":806},[616,1715,1716],{"class":721},"  \u003C/",[616,1718,1698],{"class":833},[616,1720,1690],{"class":721},[616,1722,1723,1726,1728],{"class":618,"line":812},[616,1724,1725],{"class":721},"\u003C/",[616,1727,1687],{"class":833},[616,1729,1690],{"class":721},[1219,1731,1732],{"to":134},[573,1733,1734,1735,1737,1738,699,1740,1742,1743,722],{},"The ",[613,1736,133],{}," component provides global configurations and is required for ",[577,1739,546],{},[577,1741,550],{}," components to work as well as ",[577,1744,1745],{},"Programmatic Overlays",[587,1747,1749],{"id":1748},"use-our-vue-starter","Use our Vue starter",[573,1751,1752,1753,1758],{},"Start your project using the ",[683,1754,1757],{"href":1755,"rel":1756},"https://github.com/nuxtlabs/nuxt-ui-vue-starter",[687],"nuxtlabs/nuxt-ui-vue-starter"," template with Nuxt UI pre-configured.",[573,1760,1761],{},"Create a new project locally by running the following command:",[605,1763,1766],{"className":607,"code":1764,"filename":1765,"language":610,"meta":611,"style":611},"npx nuxi init -t github:nuxtlabs/nuxt-ui-vue-starter \u003Cmy-app>\n","Terminal",[613,1767,1768],{"__ignoreMap":611},[616,1769,1770,1773,1776,1779,1782,1785,1788,1791,1793],{"class":618,"line":619},[616,1771,1772],{"class":622},"npx",[616,1774,1775],{"class":625}," nuxi",[616,1777,1778],{"class":625}," init",[616,1780,1781],{"class":625}," -t",[616,1783,1784],{"class":625}," github:nuxtlabs/nuxt-ui-vue-starter",[616,1786,1787],{"class":721}," \u003C",[616,1789,1790],{"class":625},"my-ap",[616,1792,573],{"class":752},[616,1794,1690],{"class":721},[1219,1796,1797],{},[573,1798,1734,1799,1802],{},[613,1800,1801],{},"\u003Cmy-app>"," argument is the name of the directory where the project will be created, replace it with your project name.",[573,1804,1805],{},"Once the installation is complete, navigate into your project and start the development server:",[605,1807,1809],{"className":607,"code":1808,"filename":1765,"language":610,"meta":611,"style":611},"cd \u003Cmy-app>\nnpm run dev\n",[613,1810,1811,1824],{"__ignoreMap":611},[616,1812,1813,1816,1818,1820,1822],{"class":618,"line":619},[616,1814,1815],{"class":821},"cd",[616,1817,1787],{"class":721},[616,1819,1790],{"class":625},[616,1821,573],{"class":752},[616,1823,1690],{"class":721},[616,1825,1826,1828,1831],{"class":618,"line":770},[616,1827,647],{"class":622},[616,1829,1830],{"class":625}," run",[616,1832,1833],{"class":625}," dev\n",[582,1835,1837],{"id":1836},"options","Options",[573,1839,1840,1841,722],{},"You can customize Nuxt UI by providing options in your ",[613,1842,735],{},[587,1844,1846],{"id":1845},"prefix",[613,1847,1845],{},[573,1849,1850,1851,1853],{},"Use the ",[613,1852,1845],{}," option to change the prefix of the components.",[1855,1856,1857],"ul",{},[1858,1859,1860,1861],"li",{},"Default: ",[613,1862,1863],{"className":714,"language":715,"style":611},[616,1864,1865],{"class":622},"U",[605,1867,1869],{"className":733,"code":1868,"filename":735,"language":730,"meta":611,"style":611},"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",[613,1870,1871,1889,1903,1917,1921,1933,1941,1949,1957,1970,1977,1981],{"__ignoreMap":611},[616,1872,1873,1875,1877,1879,1881,1883,1885,1887],{"class":618,"line":619},[616,1874,746],{"class":745},[616,1876,749],{"class":721},[616,1878,753],{"class":752},[616,1880,756],{"class":721},[616,1882,759],{"class":745},[616,1884,762],{"class":721},[616,1886,718],{"class":625},[616,1888,767],{"class":721},[616,1890,1891,1893,1895,1897,1899,1901],{"class":618,"line":770},[616,1892,746],{"class":745},[616,1894,775],{"class":752},[616,1896,778],{"class":745},[616,1898,762],{"class":721},[616,1900,783],{"class":625},[616,1902,767],{"class":721},[616,1904,1905,1907,1909,1911,1913,1915],{"class":618,"line":737},[616,1906,746],{"class":745},[616,1908,794],{"class":752},[616,1910,778],{"class":745},[616,1912,762],{"class":721},[616,1914,801],{"class":625},[616,1916,767],{"class":721},[616,1918,1919],{"class":618,"line":806},[616,1920,809],{"emptyLinePlaceholder":15},[616,1922,1923,1925,1927,1929,1931],{"class":618,"line":812},[616,1924,815],{"class":745},[616,1926,818],{"class":745},[616,1928,753],{"class":821},[616,1930,824],{"class":752},[616,1932,827],{"class":721},[616,1934,1935,1937,1939],{"class":618,"line":830},[616,1936,834],{"class":833},[616,1938,837],{"class":721},[616,1940,840],{"class":752},[616,1942,1943,1945,1947],{"class":618,"line":843},[616,1944,846],{"class":821},[616,1946,849],{"class":752},[616,1948,852],{"class":721},[616,1950,1951,1953,1955],{"class":618,"line":738},[616,1952,858],{"class":821},[616,1954,824],{"class":752},[616,1956,827],{"class":721},[616,1958,1959,1962,1964,1966,1968],{"class":618,"line":864},[616,1960,1961],{"class":833},"      prefix",[616,1963,837],{"class":721},[616,1965,762],{"class":721},[616,1967,579],{"class":625},[616,1969,767],{"class":721},[616,1971,1972,1975],{"class":618,"line":870},[616,1973,1974],{"class":721},"    }",[616,1976,876],{"class":752},[616,1978,1979],{"class":618,"line":1155},[616,1980,867],{"class":752},[616,1982,1983,1985],{"class":618,"line":1162},[616,1984,873],{"class":721},[616,1986,876],{"class":752},[587,1988,1989],{"id":23},[613,1990,23],{},[573,1992,1850,1993,1995],{},[613,1994,23],{}," option to provide configuration for Nuxt UI.",[605,1997,1999],{"className":733,"code":1998,"filename":735,"language":730,"meta":611,"style":611},"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",[613,2000,2001,2019,2033,2047,2051,2063,2071,2079,2087,2096,2105,2121,2135,2140,2145,2151,2155],{"__ignoreMap":611},[616,2002,2003,2005,2007,2009,2011,2013,2015,2017],{"class":618,"line":619},[616,2004,746],{"class":745},[616,2006,749],{"class":721},[616,2008,753],{"class":752},[616,2010,756],{"class":721},[616,2012,759],{"class":745},[616,2014,762],{"class":721},[616,2016,718],{"class":625},[616,2018,767],{"class":721},[616,2020,2021,2023,2025,2027,2029,2031],{"class":618,"line":770},[616,2022,746],{"class":745},[616,2024,775],{"class":752},[616,2026,778],{"class":745},[616,2028,762],{"class":721},[616,2030,783],{"class":625},[616,2032,767],{"class":721},[616,2034,2035,2037,2039,2041,2043,2045],{"class":618,"line":737},[616,2036,746],{"class":745},[616,2038,794],{"class":752},[616,2040,778],{"class":745},[616,2042,762],{"class":721},[616,2044,801],{"class":625},[616,2046,767],{"class":721},[616,2048,2049],{"class":618,"line":806},[616,2050,809],{"emptyLinePlaceholder":15},[616,2052,2053,2055,2057,2059,2061],{"class":618,"line":812},[616,2054,815],{"class":745},[616,2056,818],{"class":745},[616,2058,753],{"class":821},[616,2060,824],{"class":752},[616,2062,827],{"class":721},[616,2064,2065,2067,2069],{"class":618,"line":830},[616,2066,834],{"class":833},[616,2068,837],{"class":721},[616,2070,840],{"class":752},[616,2072,2073,2075,2077],{"class":618,"line":843},[616,2074,846],{"class":821},[616,2076,849],{"class":752},[616,2078,852],{"class":721},[616,2080,2081,2083,2085],{"class":618,"line":738},[616,2082,858],{"class":821},[616,2084,824],{"class":752},[616,2086,827],{"class":721},[616,2088,2089,2092,2094],{"class":618,"line":864},[616,2090,2091],{"class":833},"      ui",[616,2093,837],{"class":721},[616,2095,1512],{"class":721},[616,2097,2098,2101,2103],{"class":618,"line":870},[616,2099,2100],{"class":833},"        colors",[616,2102,837],{"class":721},[616,2104,1512],{"class":721},[616,2106,2107,2110,2112,2114,2117,2119],{"class":618,"line":1155},[616,2108,2109],{"class":833},"          primary",[616,2111,837],{"class":721},[616,2113,762],{"class":721},[616,2115,2116],{"class":625},"green",[616,2118,1210],{"class":721},[616,2120,852],{"class":721},[616,2122,2123,2126,2128,2130,2133],{"class":618,"line":1162},[616,2124,2125],{"class":833},"          neutral",[616,2127,837],{"class":721},[616,2129,762],{"class":721},[616,2131,2132],{"class":625},"slate",[616,2134,767],{"class":721},[616,2136,2137],{"class":618,"line":1167},[616,2138,2139],{"class":721},"        }\n",[616,2141,2142],{"class":618,"line":1013},[616,2143,2144],{"class":721},"      }\n",[616,2146,2147,2149],{"class":618,"line":1193},[616,2148,1974],{"class":721},[616,2150,876],{"class":752},[616,2152,2153],{"class":618,"line":1198},[616,2154,867],{"class":752},[616,2156,2157,2159],{"class":618,"line":1455},[616,2158,873],{"class":721},[616,2160,876],{"class":752},[587,2162,2164],{"id":2163},"colormode",[613,2165,2166],{},"colorMode",[573,2168,1850,2169,2171,2172,722],{},[613,2170,2166],{}," option to enable or disable the color mode integration from ",[613,2173,2174],{},"@vueuse/core",[1855,2176,2177],{},[1858,2178,1860,2179],{},[613,2180,2181],{"className":714,"language":715,"style":611},[616,2182,2183],{"class":622},"true",[605,2185,2187],{"className":733,"code":2186,"filename":735,"language":730,"meta":611,"style":611},"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",[613,2188,2189,2207,2221,2235,2239,2251,2259,2267,2275,2286,2292,2296],{"__ignoreMap":611},[616,2190,2191,2193,2195,2197,2199,2201,2203,2205],{"class":618,"line":619},[616,2192,746],{"class":745},[616,2194,749],{"class":721},[616,2196,753],{"class":752},[616,2198,756],{"class":721},[616,2200,759],{"class":745},[616,2202,762],{"class":721},[616,2204,718],{"class":625},[616,2206,767],{"class":721},[616,2208,2209,2211,2213,2215,2217,2219],{"class":618,"line":770},[616,2210,746],{"class":745},[616,2212,775],{"class":752},[616,2214,778],{"class":745},[616,2216,762],{"class":721},[616,2218,783],{"class":625},[616,2220,767],{"class":721},[616,2222,2223,2225,2227,2229,2231,2233],{"class":618,"line":737},[616,2224,746],{"class":745},[616,2226,794],{"class":752},[616,2228,778],{"class":745},[616,2230,762],{"class":721},[616,2232,801],{"class":625},[616,2234,767],{"class":721},[616,2236,2237],{"class":618,"line":806},[616,2238,809],{"emptyLinePlaceholder":15},[616,2240,2241,2243,2245,2247,2249],{"class":618,"line":812},[616,2242,815],{"class":745},[616,2244,818],{"class":745},[616,2246,753],{"class":821},[616,2248,824],{"class":752},[616,2250,827],{"class":721},[616,2252,2253,2255,2257],{"class":618,"line":830},[616,2254,834],{"class":833},[616,2256,837],{"class":721},[616,2258,840],{"class":752},[616,2260,2261,2263,2265],{"class":618,"line":843},[616,2262,846],{"class":821},[616,2264,849],{"class":752},[616,2266,852],{"class":721},[616,2268,2269,2271,2273],{"class":618,"line":738},[616,2270,858],{"class":821},[616,2272,824],{"class":752},[616,2274,827],{"class":721},[616,2276,2277,2280,2282],{"class":618,"line":864},[616,2278,2279],{"class":833},"      colorMode",[616,2281,837],{"class":721},[616,2283,2285],{"class":2284},"sfNiH"," false\n",[616,2287,2288,2290],{"class":618,"line":870},[616,2289,1974],{"class":721},[616,2291,876],{"class":752},[616,2293,2294],{"class":618,"line":1155},[616,2295,867],{"class":752},[616,2297,2298,2300],{"class":618,"line":1162},[616,2299,873],{"class":721},[616,2301,876],{"class":752},[587,2303,2305],{"id":2304},"themecolors",[613,2306,2307],{},"theme.colors",[573,2309,1850,2310,2312],{},[613,2311,2307],{}," option to define the dynamic color aliases used to generate components theme.",[1855,2314,2315],{},[1858,2316,1860,2317],{},[613,2318,2320,2323,2325,2328,2330,2332,2334,2337,2339,2341,2343,2346,2348,2350,2352,2355,2357,2359,2361,2363,2365,2367,2369,2372,2374],{"className":2319,"language":715,"style":611},"inline,language-ts-type shiki shiki-themes material-theme-lighter material-theme material-theme-palenight",[616,2321,2322],{"class":752},"[",[616,2324,1210],{"class":721},[616,2326,2327],{"class":625},"primary",[616,2329,1210],{"class":721},[616,2331,938],{"class":721},[616,2333,762],{"class":721},[616,2335,2336],{"class":625},"secondary",[616,2338,1210],{"class":721},[616,2340,938],{"class":721},[616,2342,762],{"class":721},[616,2344,2345],{"class":625},"success",[616,2347,1210],{"class":721},[616,2349,938],{"class":721},[616,2351,762],{"class":721},[616,2353,2354],{"class":625},"info",[616,2356,1210],{"class":721},[616,2358,938],{"class":721},[616,2360,762],{"class":721},[616,2362,674],{"class":625},[616,2364,1210],{"class":721},[616,2366,938],{"class":721},[616,2368,762],{"class":721},[616,2370,2371],{"class":625},"error",[616,2373,1210],{"class":721},[616,2375,2376],{"class":752},"]",[605,2378,2380],{"className":733,"code":2379,"filename":735,"language":730,"meta":611,"style":611},"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",[613,2381,2382,2400,2414,2428,2432,2444,2452,2460,2468,2477,2501,2505,2511,2515],{"__ignoreMap":611},[616,2383,2384,2386,2388,2390,2392,2394,2396,2398],{"class":618,"line":619},[616,2385,746],{"class":745},[616,2387,749],{"class":721},[616,2389,753],{"class":752},[616,2391,756],{"class":721},[616,2393,759],{"class":745},[616,2395,762],{"class":721},[616,2397,718],{"class":625},[616,2399,767],{"class":721},[616,2401,2402,2404,2406,2408,2410,2412],{"class":618,"line":770},[616,2403,746],{"class":745},[616,2405,775],{"class":752},[616,2407,778],{"class":745},[616,2409,762],{"class":721},[616,2411,783],{"class":625},[616,2413,767],{"class":721},[616,2415,2416,2418,2420,2422,2424,2426],{"class":618,"line":737},[616,2417,746],{"class":745},[616,2419,794],{"class":752},[616,2421,778],{"class":745},[616,2423,762],{"class":721},[616,2425,801],{"class":625},[616,2427,767],{"class":721},[616,2429,2430],{"class":618,"line":806},[616,2431,809],{"emptyLinePlaceholder":15},[616,2433,2434,2436,2438,2440,2442],{"class":618,"line":812},[616,2435,815],{"class":745},[616,2437,818],{"class":745},[616,2439,753],{"class":821},[616,2441,824],{"class":752},[616,2443,827],{"class":721},[616,2445,2446,2448,2450],{"class":618,"line":830},[616,2447,834],{"class":833},[616,2449,837],{"class":721},[616,2451,840],{"class":752},[616,2453,2454,2456,2458],{"class":618,"line":843},[616,2455,846],{"class":821},[616,2457,849],{"class":752},[616,2459,852],{"class":721},[616,2461,2462,2464,2466],{"class":618,"line":738},[616,2463,858],{"class":821},[616,2465,824],{"class":752},[616,2467,827],{"class":721},[616,2469,2470,2473,2475],{"class":618,"line":864},[616,2471,2472],{"class":833},"      theme",[616,2474,837],{"class":721},[616,2476,1512],{"class":721},[616,2478,2479,2481,2483,2485,2487,2489,2491,2493,2495,2497,2499],{"class":618,"line":870},[616,2480,2100],{"class":833},[616,2482,837],{"class":721},[616,2484,928],{"class":752},[616,2486,1210],{"class":721},[616,2488,2327],{"class":625},[616,2490,1210],{"class":721},[616,2492,938],{"class":721},[616,2494,762],{"class":721},[616,2496,2371],{"class":625},[616,2498,1210],{"class":721},[616,2500,974],{"class":752},[616,2502,2503],{"class":618,"line":1155},[616,2504,2144],{"class":721},[616,2506,2507,2509],{"class":618,"line":1162},[616,2508,1974],{"class":721},[616,2510,876],{"class":752},[616,2512,2513],{"class":618,"line":1167},[616,2514,867],{"class":752},[616,2516,2517,2519],{"class":618,"line":1013},[616,2518,873],{"class":721},[616,2520,876],{"class":752},[878,2522,2524],{"to":2523},"/getting-started/theme#colors",[573,2525,2526],{},"Learn more about color customization and theming in the Theme section.",[587,2528,2530],{"id":2529},"themetransitions",[613,2531,2532],{},"theme.transitions",[573,2534,1850,2535,2537],{},[613,2536,2532],{}," option to enable or disable transitions on components.",[1855,2539,2540],{},[1858,2541,1860,2542],{},[613,2543,2544],{"className":714,"language":715,"style":611},[616,2545,2183],{"class":622},[605,2547,2549],{"className":733,"code":2548,"filename":735,"language":730,"meta":611,"style":611},"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",[613,2550,2551,2569,2583,2597,2601,2613,2621,2629,2637,2645,2654,2658,2664,2668],{"__ignoreMap":611},[616,2552,2553,2555,2557,2559,2561,2563,2565,2567],{"class":618,"line":619},[616,2554,746],{"class":745},[616,2556,749],{"class":721},[616,2558,753],{"class":752},[616,2560,756],{"class":721},[616,2562,759],{"class":745},[616,2564,762],{"class":721},[616,2566,718],{"class":625},[616,2568,767],{"class":721},[616,2570,2571,2573,2575,2577,2579,2581],{"class":618,"line":770},[616,2572,746],{"class":745},[616,2574,775],{"class":752},[616,2576,778],{"class":745},[616,2578,762],{"class":721},[616,2580,783],{"class":625},[616,2582,767],{"class":721},[616,2584,2585,2587,2589,2591,2593,2595],{"class":618,"line":737},[616,2586,746],{"class":745},[616,2588,794],{"class":752},[616,2590,778],{"class":745},[616,2592,762],{"class":721},[616,2594,801],{"class":625},[616,2596,767],{"class":721},[616,2598,2599],{"class":618,"line":806},[616,2600,809],{"emptyLinePlaceholder":15},[616,2602,2603,2605,2607,2609,2611],{"class":618,"line":812},[616,2604,815],{"class":745},[616,2606,818],{"class":745},[616,2608,753],{"class":821},[616,2610,824],{"class":752},[616,2612,827],{"class":721},[616,2614,2615,2617,2619],{"class":618,"line":830},[616,2616,834],{"class":833},[616,2618,837],{"class":721},[616,2620,840],{"class":752},[616,2622,2623,2625,2627],{"class":618,"line":843},[616,2624,846],{"class":821},[616,2626,849],{"class":752},[616,2628,852],{"class":721},[616,2630,2631,2633,2635],{"class":618,"line":738},[616,2632,858],{"class":821},[616,2634,824],{"class":752},[616,2636,827],{"class":721},[616,2638,2639,2641,2643],{"class":618,"line":864},[616,2640,2472],{"class":833},[616,2642,837],{"class":721},[616,2644,1512],{"class":721},[616,2646,2647,2650,2652],{"class":618,"line":870},[616,2648,2649],{"class":833},"        transitions",[616,2651,837],{"class":721},[616,2653,2285],{"class":2284},[616,2655,2656],{"class":618,"line":1155},[616,2657,2144],{"class":721},[616,2659,2660,2662],{"class":618,"line":1162},[616,2661,1974],{"class":721},[616,2663,876],{"class":752},[616,2665,2666],{"class":618,"line":1167},[616,2667,867],{"class":752},[616,2669,2670,2672],{"class":618,"line":1013},[616,2671,873],{"class":721},[616,2673,876],{"class":752},[1219,2675,2676],{},[573,2677,2678,2679,2682],{},"This option adds the ",[613,2680,2681],{},"transition-colors"," class on components with hover or active states.",[587,2684,2686],{"id":2685},"inertia",[613,2687,2685],{},[573,2689,1850,2690,2692,2693,722],{},[613,2691,2685],{}," option to enable compatibility with ",[683,2694,1228],{"href":1226,"rel":2695},[687],[605,2697,2699],{"className":733,"code":2698,"filename":735,"language":730,"meta":611,"style":611},"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",[613,2700,2701,2719,2733,2747,2751,2763,2771,2779,2787,2797,2803,2807],{"__ignoreMap":611},[616,2702,2703,2705,2707,2709,2711,2713,2715,2717],{"class":618,"line":619},[616,2704,746],{"class":745},[616,2706,749],{"class":721},[616,2708,753],{"class":752},[616,2710,756],{"class":721},[616,2712,759],{"class":745},[616,2714,762],{"class":721},[616,2716,718],{"class":625},[616,2718,767],{"class":721},[616,2720,2721,2723,2725,2727,2729,2731],{"class":618,"line":770},[616,2722,746],{"class":745},[616,2724,775],{"class":752},[616,2726,778],{"class":745},[616,2728,762],{"class":721},[616,2730,783],{"class":625},[616,2732,767],{"class":721},[616,2734,2735,2737,2739,2741,2743,2745],{"class":618,"line":737},[616,2736,746],{"class":745},[616,2738,794],{"class":752},[616,2740,778],{"class":745},[616,2742,762],{"class":721},[616,2744,801],{"class":625},[616,2746,767],{"class":721},[616,2748,2749],{"class":618,"line":806},[616,2750,809],{"emptyLinePlaceholder":15},[616,2752,2753,2755,2757,2759,2761],{"class":618,"line":812},[616,2754,815],{"class":745},[616,2756,818],{"class":745},[616,2758,753],{"class":821},[616,2760,824],{"class":752},[616,2762,827],{"class":721},[616,2764,2765,2767,2769],{"class":618,"line":830},[616,2766,834],{"class":833},[616,2768,837],{"class":721},[616,2770,840],{"class":752},[616,2772,2773,2775,2777],{"class":618,"line":843},[616,2774,846],{"class":821},[616,2776,849],{"class":752},[616,2778,852],{"class":721},[616,2780,2781,2783,2785],{"class":618,"line":738},[616,2782,858],{"class":821},[616,2784,824],{"class":752},[616,2786,827],{"class":721},[616,2788,2789,2792,2794],{"class":618,"line":864},[616,2790,2791],{"class":833},"      inertia",[616,2793,837],{"class":721},[616,2795,2796],{"class":2284}," true\n",[616,2798,2799,2801],{"class":618,"line":870},[616,2800,1974],{"class":721},[616,2802,876],{"class":752},[616,2804,2805],{"class":618,"line":1155},[616,2806,867],{"class":752},[616,2808,2809,2811],{"class":618,"line":1162},[616,2810,873],{"class":721},[616,2812,876],{"class":752},[1219,2814,2815],{},[573,2816,2817,2818,2820,2821,2824,2825,2828],{},"When using this option, ",[613,2819,702],{}," is not required as Inertia.js provides its own routing system. The components that would normally use ",[613,2822,2823],{},"RouterLink"," will automatically use Inertia's ",[613,2826,2827],{},"InertiaLink"," component instead.",[582,2830,2832],{"id":2831},"continuous-releases","Continuous Releases",[573,2834,2835,2836,2841],{},"Nuxt UI uses ",[683,2837,2840],{"href":2838,"rel":2839},"https://github.com/stackblitz-labs/pkg.pr.new",[687],"pkg.pr.new"," for continuous preview releases, providing developers with instant access to the latest features and bug fixes without waiting for official releases.",[573,2843,2844,2845,2848],{},"Automatic preview releases are created for all commits and PRs to the ",[613,2846,2847],{},"v3"," branch. Use them by replacing your package version with the specific commit hash or PR number.",[605,2850,2855],{"className":2851,"code":2852,"filename":2853,"language":2854,"meta":611,"style":611},"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",[613,2856,2857,2861,2866,2874,2882,2887],{"__ignoreMap":611},[616,2858,2859],{"class":618,"line":619},[616,2860,827],{"class":752},[616,2862,2863],{"class":618,"line":770},[616,2864,2865],{"class":752},"  \"dependencies\": {\n",[616,2867,2868,2871],{"class":618,"line":737},[616,2869,2870],{"class":721},"-",[616,2872,2873],{"class":833},"   \"@nuxt/ui\": \"^3.0.0\",\n",[616,2875,2876,2879],{"class":618,"line":806},[616,2877,2878],{"class":721},"+",[616,2880,2881],{"class":625},"   \"@nuxt/ui\": \"https://pkg.pr.new/@nuxt/ui@4c96909\",\n",[616,2883,2884],{"class":618,"line":812},[616,2885,2886],{"class":752},"  }\n",[616,2888,2889],{"class":618,"line":830},[616,2890,979],{"class":752},[1219,2892,2893],{},[573,2894,2895,2897],{},[577,2896,2840],{}," will automatically comment on PRs with the installation URL, making it easy to test changes.",[2899,2900,2901],"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 .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}",{"title":611,"searchDepth":770,"depth":770,"links":2903},[2904,2908,2916],{"id":584,"depth":770,"text":585,"children":2905},[2906,2907],{"id":589,"depth":737,"text":590},{"id":1748,"depth":737,"text":1749},{"id":1836,"depth":770,"text":1837,"children":2909},[2910,2911,2912,2913,2914,2915],{"id":1845,"depth":737,"text":1845},{"id":23,"depth":737,"text":23},{"id":2163,"depth":737,"text":2166},{"id":2304,"depth":737,"text":2307},{"id":2529,"depth":737,"text":2532},{"id":2685,"depth":737,"text":2685},{"id":2831,"depth":770,"text":2832},"Learn how to install and configure Nuxt UI in your Vue application.","md",[2920],{"label":2921,"to":2922,"icon":2923},"Playground","https://codesandbox.io/p/devbox/nuxt-ui3-vue-4h5gqn","i-lucide-codesandbox",{},{"icon":24},{"title":14,"description":2917},"0SETiS-zqd0XFV209WageTNDN_7IGTEXCECl4QlpXCQ",[2929,2931],{"title":10,"path":6,"stem":7,"description":2930,"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":2932,"children":-1},"A comprehensive guide to migrate your application from Nuxt UI v2 to Nuxt UI v3.",{"data":2934,"body":2935},{},{"type":2936,"children":2937},"root",[2938],{"type":2939,"tag":573,"props":2940,"children":2941},"element",{},[2942],{"type":2943,"value":2917},"text",1747911340722]