[{"data":1,"prerenderedAt":1149},["ShallowReactive",2],{"navigation":3,"-getting-started-color-mode-nuxt":576,"-getting-started-color-mode-nuxt-surround":1133,"-getting-started-color-mode-nuxt-description":1138},[4,103,121],{"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,63,68,80,93,98],{"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":11,"icon":50},"Theme","/getting-started/theme","1.getting-started/3.theme","i-lucide-swatch-book",{"title":52,"framework":11,"module":11,"shadow":15,"path":53,"stem":54,"children":55,"page":41},"Icons","/getting-started/icons","1.getting-started/4.icons",[56,60],{"title":52,"path":57,"stem":58,"framework":22,"module":11,"icon":59},"/getting-started/icons/nuxt","1.getting-started/4.icons/1.nuxt","i-lucide-smile",{"title":52,"path":61,"stem":62,"framework":28,"module":11,"icon":59},"/getting-started/icons/vue","1.getting-started/4.icons/2.vue",{"title":64,"path":65,"stem":66,"framework":22,"module":11,"icon":67},"Fonts","/getting-started/fonts","1.getting-started/5.fonts","i-lucide-a-large-small",{"title":69,"framework":11,"module":11,"shadow":15,"path":70,"stem":71,"children":72,"page":41},"Color Mode","/getting-started/color-mode","1.getting-started/6.color-mode",[73,77],{"title":69,"path":74,"stem":75,"framework":22,"module":11,"icon":76},"/getting-started/color-mode/nuxt","1.getting-started/6.color-mode/1.nuxt","i-lucide-sun-moon",{"title":69,"path":78,"stem":79,"framework":28,"module":11,"icon":76},"/getting-started/color-mode/vue","1.getting-started/6.color-mode/2.vue",{"title":81,"framework":11,"module":11,"shadow":15,"path":82,"stem":83,"children":84,"page":41},"I18n","/getting-started/i18n","1.getting-started/7.i18n",[85,90],{"title":86,"path":87,"stem":88,"framework":22,"module":11,"icon":89},"Internationalization (i18n)","/getting-started/i18n/nuxt","1.getting-started/7.i18n/1.nuxt","i-lucide-languages",{"title":86,"path":91,"stem":92,"framework":28,"module":11,"icon":89},"/getting-started/i18n/vue","1.getting-started/7.i18n/2.vue",{"title":94,"path":95,"stem":96,"framework":22,"module":37,"icon":97},"Content","/getting-started/content","1.getting-started/8.content","i-simple-icons-markdown",{"title":99,"path":100,"stem":101,"framework":22,"module":37,"icon":102},"Typography","/getting-started/typography","1.getting-started/9.typography","i-lucide-type",{"title":104,"framework":11,"module":11,"icon":105,"path":106,"stem":107,"children":108,"page":41},"Composables","i-lucide-square-function","/composables","2.composables",[109,113,117],{"title":110,"path":111,"stem":112,"framework":11,"module":11},"defineShortcuts","/composables/define-shortcuts","2.composables/define-shortcuts",{"title":114,"path":115,"stem":116,"framework":11,"module":11},"useOverlay","/composables/use-overlay","2.composables/use-overlay",{"title":118,"path":119,"stem":120,"framework":11,"module":11},"useToast","/composables/use-toast","2.composables/use-toast",{"title":122,"framework":11,"module":11,"icon":123,"path":124,"stem":125,"children":126,"page":41},"Components","i-lucide-square-code","/components","3.components",[127,131,135,139,143,147,151,155,159,163,167,171,175,179,183,187,191,195,199,203,207,211,215,219,223,227,231,235,239,243,247,251,255,259,263,267,271,275,279,283,287,291,295,299,303,307,311,315,319,323,327,331,335,339,343,348,352,356,360,364,368,372,376,380,384,388,392,396,400,404,408,412,416,420,424,428,432,436,440,444,448,452,456,460,464,468,472,476,480,484,488,492,496,500,504,508,512,516,520,524,528,532,536,540,544,548,552,556,560,564,568,572],{"title":128,"path":129,"stem":130,"framework":11,"module":11},"App","/components/app","3.components/0.app",{"title":132,"path":133,"stem":134,"framework":11,"module":11},"Accordion","/components/accordion","3.components/accordion",{"title":136,"path":137,"stem":138,"framework":11,"module":11},"Alert","/components/alert","3.components/alert",{"title":140,"path":141,"stem":142,"framework":11,"module":37},"AuthForm","/components/auth-form","3.components/auth-form",{"title":144,"path":145,"stem":146,"framework":11,"module":11},"Avatar","/components/avatar","3.components/avatar",{"title":148,"path":149,"stem":150,"framework":11,"module":11},"AvatarGroup","/components/avatar-group","3.components/avatar-group",{"title":152,"path":153,"stem":154,"framework":11,"module":11},"Badge","/components/badge","3.components/badge",{"title":156,"path":157,"stem":158,"framework":11,"module":37},"Banner","/components/banner","3.components/banner",{"title":160,"path":161,"stem":162,"framework":11,"module":37},"BlogPost","/components/blog-post","3.components/blog-post",{"title":164,"path":165,"stem":166,"framework":11,"module":37},"BlogPosts","/components/blog-posts","3.components/blog-posts",{"title":168,"path":169,"stem":170,"framework":11,"module":11},"Breadcrumb","/components/breadcrumb","3.components/breadcrumb",{"title":172,"path":173,"stem":174,"framework":11,"module":11},"Button","/components/button","3.components/button",{"title":176,"path":177,"stem":178,"framework":11,"module":11},"ButtonGroup","/components/button-group","3.components/button-group",{"title":180,"path":181,"stem":182,"framework":11,"module":11},"Calendar","/components/calendar","3.components/calendar",{"title":184,"path":185,"stem":186,"framework":11,"module":11},"Card","/components/card","3.components/card",{"title":188,"path":189,"stem":190,"framework":11,"module":11},"Carousel","/components/carousel","3.components/carousel",{"title":192,"path":193,"stem":194,"framework":11,"module":37},"ChangelogVersion","/components/changelog-version","3.components/changelog-version",{"title":196,"path":197,"stem":198,"framework":11,"module":37},"ChangelogVersions","/components/changelog-versions","3.components/changelog-versions",{"title":200,"path":201,"stem":202,"framework":11,"module":37},"ChatMessage","/components/chat-message","3.components/chat-message",{"title":204,"path":205,"stem":206,"framework":11,"module":37},"ChatMessages","/components/chat-messages","3.components/chat-messages",{"title":208,"path":209,"stem":210,"framework":11,"module":37},"ChatPalette","/components/chat-palette","3.components/chat-palette",{"title":212,"path":213,"stem":214,"framework":11,"module":37},"ChatPrompt","/components/chat-prompt","3.components/chat-prompt",{"title":216,"path":217,"stem":218,"framework":11,"module":37},"ChatPromptSubmit","/components/chat-prompt-submit","3.components/chat-prompt-submit",{"title":220,"path":221,"stem":222,"framework":11,"module":11},"Checkbox","/components/checkbox","3.components/checkbox",{"title":224,"path":225,"stem":226,"framework":11,"module":11},"CheckboxGroup","/components/checkbox-group","3.components/checkbox-group",{"title":228,"path":229,"stem":230,"framework":11,"module":11},"Chip","/components/chip","3.components/chip",{"title":232,"path":233,"stem":234,"framework":11,"module":11},"Collapsible","/components/collapsible","3.components/collapsible",{"title":236,"path":237,"stem":238,"framework":11,"module":37},"ColorModeAvatar","/components/color-mode-avatar","3.components/color-mode-avatar",{"title":240,"path":241,"stem":242,"framework":11,"module":37},"ColorModeButton","/components/color-mode-button","3.components/color-mode-button",{"title":244,"path":245,"stem":246,"framework":11,"module":37},"ColorModeImage","/components/color-mode-image","3.components/color-mode-image",{"title":248,"path":249,"stem":250,"framework":11,"module":37},"ColorModeSelect","/components/color-mode-select","3.components/color-mode-select",{"title":252,"path":253,"stem":254,"framework":11,"module":37},"ColorModeSwitch","/components/color-mode-switch","3.components/color-mode-switch",{"title":256,"path":257,"stem":258,"framework":11,"module":11},"ColorPicker","/components/color-picker","3.components/color-picker",{"title":260,"path":261,"stem":262,"framework":11,"module":11},"CommandPalette","/components/command-palette","3.components/command-palette",{"title":264,"path":265,"stem":266,"framework":11,"module":11},"Container","/components/container","3.components/container",{"title":268,"path":269,"stem":270,"framework":22,"module":37},"ContentNavigation","/components/content-navigation","3.components/content-navigation",{"title":272,"path":273,"stem":274,"framework":22,"module":37},"ContentSearch","/components/content-search","3.components/content-search",{"title":276,"path":277,"stem":278,"framework":22,"module":37},"ContentSearchButton","/components/content-search-button","3.components/content-search-button",{"title":280,"path":281,"stem":282,"framework":22,"module":37},"ContentSurround","/components/content-surround","3.components/content-surround",{"title":284,"path":285,"stem":286,"framework":22,"module":37},"ContentToc","/components/content-toc","3.components/content-toc",{"title":288,"path":289,"stem":290,"framework":11,"module":11},"ContextMenu","/components/context-menu","3.components/context-menu",{"title":292,"path":293,"stem":294,"framework":11,"module":37},"DashboardGroup","/components/dashboard-group","3.components/dashboard-group",{"title":296,"path":297,"stem":298,"framework":11,"module":37},"DashboardNavbar","/components/dashboard-navbar","3.components/dashboard-navbar",{"title":300,"path":301,"stem":302,"framework":11,"module":37},"DashboardPanel","/components/dashboard-panel","3.components/dashboard-panel",{"title":304,"path":305,"stem":306,"framework":11,"module":37},"DashboardResizeHandle","/components/dashboard-resize-handle","3.components/dashboard-resize-handle",{"title":308,"path":309,"stem":310,"framework":11,"module":37},"DashboardSearch","/components/dashboard-search","3.components/dashboard-search",{"title":312,"path":313,"stem":314,"framework":11,"module":37},"DashboardSearchButton","/components/dashboard-search-button","3.components/dashboard-search-button",{"title":316,"path":317,"stem":318,"framework":11,"module":37},"DashboardSidebar","/components/dashboard-sidebar","3.components/dashboard-sidebar",{"title":320,"path":321,"stem":322,"framework":11,"module":37},"DashboardSidebarCollapse","/components/dashboard-sidebar-collapse","3.components/dashboard-sidebar-collapse",{"title":324,"path":325,"stem":326,"framework":11,"module":37},"DashboardSidebarToggle","/components/dashboard-sidebar-toggle","3.components/dashboard-sidebar-toggle",{"title":328,"path":329,"stem":330,"framework":11,"module":37},"DashboardToolbar","/components/dashboard-toolbar","3.components/dashboard-toolbar",{"title":332,"path":333,"stem":334,"framework":11,"module":11},"Drawer","/components/drawer","3.components/drawer",{"title":336,"path":337,"stem":338,"framework":11,"module":11},"DropdownMenu","/components/dropdown-menu","3.components/dropdown-menu",{"title":340,"path":341,"stem":342,"framework":11,"module":37},"Error","/components/error","3.components/error",{"title":344,"path":345,"stem":346,"framework":11,"module":11,"badge":347},"FileUpload","/components/file-upload","3.components/file-upload","New",{"title":349,"path":350,"stem":351,"framework":11,"module":37},"Footer","/components/footer","3.components/footer",{"title":353,"path":354,"stem":355,"framework":11,"module":37},"FooterColumns","/components/footer-columns","3.components/footer-columns",{"title":357,"path":358,"stem":359,"framework":11,"module":11},"Form","/components/form","3.components/form",{"title":361,"path":362,"stem":363,"framework":11,"module":11},"FormField","/components/form-field","3.components/form-field",{"title":365,"path":366,"stem":367,"framework":11,"module":37},"Header","/components/header","3.components/header",{"title":369,"path":370,"stem":371,"framework":11,"module":11},"Icon","/components/icon","3.components/icon",{"title":373,"path":374,"stem":375,"framework":11,"module":11},"Input","/components/input","3.components/input",{"title":377,"path":378,"stem":379,"framework":11,"module":11},"InputMenu","/components/input-menu","3.components/input-menu",{"title":381,"path":382,"stem":383,"framework":11,"module":11},"InputNumber","/components/input-number","3.components/input-number",{"title":385,"path":386,"stem":387,"framework":11,"module":11},"InputTags","/components/input-tags","3.components/input-tags",{"title":389,"path":390,"stem":391,"framework":11,"module":11},"Kbd","/components/kbd","3.components/kbd",{"title":393,"path":394,"stem":395,"framework":11,"module":11},"Link","/components/link","3.components/link",{"title":397,"path":398,"stem":399,"framework":11,"module":37},"LocaleSelect","/components/locale-select","3.components/locale-select",{"title":401,"path":402,"stem":403,"framework":11,"module":37},"Main","/components/main","3.components/main",{"title":405,"path":406,"stem":407,"framework":11,"module":11},"Modal","/components/modal","3.components/modal",{"title":409,"path":410,"stem":411,"framework":11,"module":11},"NavigationMenu","/components/navigation-menu","3.components/navigation-menu",{"title":413,"path":414,"stem":415,"framework":11,"module":37},"Page","/components/page","3.components/page",{"title":417,"path":418,"stem":419,"framework":11,"module":37},"PageAccordion","/components/page-accordion","3.components/page-accordion",{"title":421,"path":422,"stem":423,"framework":11,"module":37},"PageAnchors","/components/page-anchors","3.components/page-anchors",{"title":425,"path":426,"stem":427,"framework":11,"module":37},"PageAside","/components/page-aside","3.components/page-aside",{"title":429,"path":430,"stem":431,"framework":11,"module":37},"PageBody","/components/page-body","3.components/page-body",{"title":433,"path":434,"stem":435,"framework":11,"module":37},"PageCard","/components/page-card","3.components/page-card",{"title":437,"path":438,"stem":439,"framework":11,"module":37},"PageColumns","/components/page-columns","3.components/page-columns",{"title":441,"path":442,"stem":443,"framework":11,"module":37},"PageCTA","/components/page-cta","3.components/page-cta",{"title":445,"path":446,"stem":447,"framework":11,"module":37},"PageFeature","/components/page-feature","3.components/page-feature",{"title":449,"path":450,"stem":451,"framework":11,"module":37},"PageGrid","/components/page-grid","3.components/page-grid",{"title":453,"path":454,"stem":455,"framework":11,"module":37},"PageHeader","/components/page-header","3.components/page-header",{"title":457,"path":458,"stem":459,"framework":11,"module":37},"PageHero","/components/page-hero","3.components/page-hero",{"title":461,"path":462,"stem":463,"framework":11,"module":37},"PageLinks","/components/page-links","3.components/page-links",{"title":465,"path":466,"stem":467,"framework":11,"module":37},"PageList","/components/page-list","3.components/page-list",{"title":469,"path":470,"stem":471,"framework":11,"module":37},"PageLogos","/components/page-logos","3.components/page-logos",{"title":473,"path":474,"stem":475,"framework":11,"module":37},"PageMarquee","/components/page-marquee","3.components/page-marquee",{"title":477,"path":478,"stem":479,"framework":11,"module":37},"PageSection","/components/page-section","3.components/page-section",{"title":481,"path":482,"stem":483,"framework":11,"module":11},"Pagination","/components/pagination","3.components/pagination",{"title":485,"path":486,"stem":487,"framework":11,"module":11},"PinInput","/components/pin-input","3.components/pin-input",{"title":489,"path":490,"stem":491,"framework":11,"module":11},"Popover","/components/popover","3.components/popover",{"title":493,"path":494,"stem":495,"framework":11,"module":37},"PricingPlan","/components/pricing-plan","3.components/pricing-plan",{"title":497,"path":498,"stem":499,"framework":11,"module":37},"PricingPlans","/components/pricing-plans","3.components/pricing-plans",{"title":501,"path":502,"stem":503,"framework":11,"module":37},"PricingTable","/components/pricing-table","3.components/pricing-table",{"title":505,"path":506,"stem":507,"framework":11,"module":11},"Progress","/components/progress","3.components/progress",{"title":509,"path":510,"stem":511,"framework":11,"module":11},"RadioGroup","/components/radio-group","3.components/radio-group",{"title":513,"path":514,"stem":515,"framework":11,"module":11},"Select","/components/select","3.components/select",{"title":517,"path":518,"stem":519,"framework":11,"module":11},"SelectMenu","/components/select-menu","3.components/select-menu",{"title":521,"path":522,"stem":523,"framework":11,"module":11},"Separator","/components/separator","3.components/separator",{"title":525,"path":526,"stem":527,"framework":11,"module":11},"Skeleton","/components/skeleton","3.components/skeleton",{"title":529,"path":530,"stem":531,"framework":11,"module":11},"Slideover","/components/slideover","3.components/slideover",{"title":533,"path":534,"stem":535,"framework":11,"module":11},"Slider","/components/slider","3.components/slider",{"title":537,"path":538,"stem":539,"framework":11,"module":11},"Stepper","/components/stepper","3.components/stepper",{"title":541,"path":542,"stem":543,"framework":11,"module":11},"Switch","/components/switch","3.components/switch",{"title":545,"path":546,"stem":547,"framework":11,"module":11},"Table","/components/table","3.components/table",{"title":549,"path":550,"stem":551,"framework":11,"module":11},"Tabs","/components/tabs","3.components/tabs",{"title":553,"path":554,"stem":555,"framework":11,"module":11},"Textarea","/components/textarea","3.components/textarea",{"title":557,"path":558,"stem":559,"framework":11,"module":11},"Timeline","/components/timeline","3.components/timeline",{"title":561,"path":562,"stem":563,"framework":11,"module":11},"Toast","/components/toast","3.components/toast",{"title":565,"path":566,"stem":567,"framework":11,"module":11},"Tooltip","/components/tooltip","3.components/tooltip",{"title":569,"path":570,"stem":571,"framework":11,"module":11},"Tree","/components/tree","3.components/tree",{"title":573,"path":574,"stem":575,"framework":11,"module":37},"User","/components/user","3.components/user",{"id":577,"title":69,"body":578,"category":11,"description":1122,"extension":1123,"framework":22,"links":1124,"meta":1129,"module":11,"navigation":1130,"path":74,"seo":1131,"stem":75,"__hash__":1132},"content/1.getting-started/6.color-mode/1.nuxt.md",{"type":579,"value":580,"toc":1119},"minimark",[581,596,601,619,1007,1021,1115],[582,583,587],"callout",{"className":584,"icon":586,"to":78},[585],"hidden","i-logos-vue",[588,589,590,591,595],"p",{},"Looking for the ",[592,593,594],"strong",{},"Vue"," version?",[597,598,600],"h2",{"id":599},"usage","Usage",[588,602,603,604,614,615,618],{},"Nuxt UI automatically registers the ",[605,606,610],"a",{"href":607,"rel":608},"https://github.com/nuxt-modules/color-mode",[609],"nofollow",[611,612,613],"code",{},"@nuxtjs/color-mode"," module for you, so there's no additional setup required. You can simply use the ",[611,616,617],{},"useColorMode"," composable to switch between light and dark modes:",[620,621,626],"pre",{"className":622,"code":623,"filename":624,"language":28,"meta":625,"style":625},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup>\nconst colorMode = useColorMode()\n\nconst isDark = computed({\n  get() {\n    return colorMode.value === 'dark'\n  },\n  set(_isDark) {\n    colorMode.preference = _isDark ? 'dark' : 'light'\n  }\n})\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CClientOnly v-if=\"!colorMode?.forced\">\n    \u003CUButton\n      :icon=\"isDark ? 'i-lucide-moon' : 'i-lucide-sun'\"\n      color=\"neutral\"\n      variant=\"ghost\"\n      @click=\"isDark = !isDark\"\n    />\n\n    \u003Ctemplate #fallback>\n      \u003Cdiv class=\"size-8\" />\n    \u003C/template>\n  \u003C/ClientOnly>\n\u003C/template>\n","ColorModeButton.vue","",[611,627,628,648,668,674,693,705,734,740,757,794,800,809,819,824,834,858,867,883,898,913,928,934,939,954,978,988,998],{"__ignoreMap":625},[629,630,633,637,641,645],"span",{"class":631,"line":632},"line",1,[629,634,636],{"class":635},"sMK4o","\u003C",[629,638,640],{"class":639},"swJcz","script",[629,642,644],{"class":643},"spNyl"," setup",[629,646,647],{"class":635},">\n",[629,649,651,654,658,661,665],{"class":631,"line":650},2,[629,652,653],{"class":643},"const",[629,655,657],{"class":656},"sTEyZ"," colorMode ",[629,659,660],{"class":635},"=",[629,662,664],{"class":663},"s2Zo4"," useColorMode",[629,666,667],{"class":656},"()\n",[629,669,671],{"class":631,"line":670},3,[629,672,673],{"emptyLinePlaceholder":15},"\n",[629,675,677,679,682,684,687,690],{"class":631,"line":676},4,[629,678,653],{"class":643},[629,680,681],{"class":656}," isDark ",[629,683,660],{"class":635},[629,685,686],{"class":663}," computed",[629,688,689],{"class":656},"(",[629,691,692],{"class":635},"{\n",[629,694,696,699,702],{"class":631,"line":695},5,[629,697,698],{"class":639},"  get",[629,700,701],{"class":635},"()",[629,703,704],{"class":635}," {\n",[629,706,708,712,715,718,721,724,727,731],{"class":631,"line":707},6,[629,709,711],{"class":710},"s7zQu","    return",[629,713,714],{"class":656}," colorMode",[629,716,717],{"class":635},".",[629,719,720],{"class":656},"value",[629,722,723],{"class":635}," ===",[629,725,726],{"class":635}," '",[629,728,730],{"class":729},"sfazB","dark",[629,732,733],{"class":635},"'\n",[629,735,737],{"class":631,"line":736},7,[629,738,739],{"class":635},"  },\n",[629,741,743,746,748,752,755],{"class":631,"line":742},8,[629,744,745],{"class":639},"  set",[629,747,689],{"class":635},[629,749,751],{"class":750},"sHdIc","_isDark",[629,753,754],{"class":635},")",[629,756,704],{"class":635},[629,758,760,763,765,768,771,774,777,779,781,784,787,789,792],{"class":631,"line":759},9,[629,761,762],{"class":656},"    colorMode",[629,764,717],{"class":635},[629,766,767],{"class":656},"preference",[629,769,770],{"class":635}," =",[629,772,773],{"class":656}," _isDark",[629,775,776],{"class":635}," ?",[629,778,726],{"class":635},[629,780,730],{"class":729},[629,782,783],{"class":635},"'",[629,785,786],{"class":635}," :",[629,788,726],{"class":635},[629,790,791],{"class":729},"light",[629,793,733],{"class":635},[629,795,797],{"class":631,"line":796},10,[629,798,799],{"class":635},"  }\n",[629,801,803,806],{"class":631,"line":802},11,[629,804,805],{"class":635},"}",[629,807,808],{"class":656},")\n",[629,810,812,815,817],{"class":631,"line":811},12,[629,813,814],{"class":635},"\u003C/",[629,816,640],{"class":639},[629,818,647],{"class":635},[629,820,822],{"class":631,"line":821},13,[629,823,673],{"emptyLinePlaceholder":15},[629,825,827,829,832],{"class":631,"line":826},14,[629,828,636],{"class":635},[629,830,831],{"class":639},"template",[629,833,647],{"class":635},[629,835,837,840,843,846,848,851,854,856],{"class":631,"line":836},15,[629,838,839],{"class":635},"  \u003C",[629,841,842],{"class":639},"ClientOnly",[629,844,845],{"class":643}," v-if",[629,847,660],{"class":635},[629,849,850],{"class":635},"\"",[629,852,853],{"class":729},"!colorMode?.forced",[629,855,850],{"class":635},[629,857,647],{"class":635},[629,859,861,864],{"class":631,"line":860},16,[629,862,863],{"class":635},"    \u003C",[629,865,866],{"class":639},"UButton\n",[629,868,870,873,875,877,880],{"class":631,"line":869},17,[629,871,872],{"class":643},"      :icon",[629,874,660],{"class":635},[629,876,850],{"class":635},[629,878,879],{"class":729},"isDark ? 'i-lucide-moon' : 'i-lucide-sun'",[629,881,882],{"class":635},"\"\n",[629,884,886,889,891,893,896],{"class":631,"line":885},18,[629,887,888],{"class":643},"      color",[629,890,660],{"class":635},[629,892,850],{"class":635},[629,894,895],{"class":729},"neutral",[629,897,882],{"class":635},[629,899,901,904,906,908,911],{"class":631,"line":900},19,[629,902,903],{"class":643},"      variant",[629,905,660],{"class":635},[629,907,850],{"class":635},[629,909,910],{"class":729},"ghost",[629,912,882],{"class":635},[629,914,916,919,921,923,926],{"class":631,"line":915},20,[629,917,918],{"class":643},"      @click",[629,920,660],{"class":635},[629,922,850],{"class":635},[629,924,925],{"class":729},"isDark = !isDark",[629,927,882],{"class":635},[629,929,931],{"class":631,"line":930},21,[629,932,933],{"class":635},"    />\n",[629,935,937],{"class":631,"line":936},22,[629,938,673],{"emptyLinePlaceholder":15},[629,940,942,944,946,949,952],{"class":631,"line":941},23,[629,943,863],{"class":635},[629,945,831],{"class":639},[629,947,948],{"class":635}," #",[629,950,951],{"class":643},"fallback",[629,953,647],{"class":635},[629,955,957,960,963,966,968,970,973,975],{"class":631,"line":956},24,[629,958,959],{"class":635},"      \u003C",[629,961,962],{"class":639},"div",[629,964,965],{"class":643}," class",[629,967,660],{"class":635},[629,969,850],{"class":635},[629,971,972],{"class":729},"size-8",[629,974,850],{"class":635},[629,976,977],{"class":635}," />\n",[629,979,981,984,986],{"class":631,"line":980},25,[629,982,983],{"class":635},"    \u003C/",[629,985,831],{"class":639},[629,987,647],{"class":635},[629,989,991,994,996],{"class":631,"line":990},26,[629,992,993],{"class":635},"  \u003C/",[629,995,842],{"class":639},[629,997,647],{"class":635},[629,999,1001,1003,1005],{"class":631,"line":1000},27,[629,1002,814],{"class":635},[629,1004,831],{"class":639},[629,1006,647],{"class":635},[588,1008,1009,1010,1012,1013,1016,1017,1020],{},"You can disable the ",[611,1011,613],{}," module with the ",[611,1014,1015],{},"ui.colorMode"," option in your ",[611,1018,1019],{},"nuxt.config.ts",":",[620,1022,1026],{"className":1023,"code":1024,"filename":1019,"language":1025,"meta":625,"style":625},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineNuxtConfig({\n  modules: ['@nuxt/ui'],\n  css: ['~/assets/css/main.css'],\n  ui: {\n    colorMode: false\n  }\n})\n","ts",[611,1027,1028,1043,1066,1086,1095,1105,1109],{"__ignoreMap":625},[629,1029,1030,1033,1036,1039,1041],{"class":631,"line":632},[629,1031,1032],{"class":710},"export",[629,1034,1035],{"class":710}," default",[629,1037,1038],{"class":663}," defineNuxtConfig",[629,1040,689],{"class":656},[629,1042,692],{"class":635},[629,1044,1045,1048,1050,1053,1055,1058,1060,1063],{"class":631,"line":650},[629,1046,1047],{"class":639},"  modules",[629,1049,1020],{"class":635},[629,1051,1052],{"class":656}," [",[629,1054,783],{"class":635},[629,1056,1057],{"class":729},"@nuxt/ui",[629,1059,783],{"class":635},[629,1061,1062],{"class":656},"]",[629,1064,1065],{"class":635},",\n",[629,1067,1068,1071,1073,1075,1077,1080,1082,1084],{"class":631,"line":670},[629,1069,1070],{"class":639},"  css",[629,1072,1020],{"class":635},[629,1074,1052],{"class":656},[629,1076,783],{"class":635},[629,1078,1079],{"class":729},"~/assets/css/main.css",[629,1081,783],{"class":635},[629,1083,1062],{"class":656},[629,1085,1065],{"class":635},[629,1087,1088,1091,1093],{"class":631,"line":676},[629,1089,1090],{"class":639},"  ui",[629,1092,1020],{"class":635},[629,1094,704],{"class":635},[629,1096,1097,1099,1101],{"class":631,"line":695},[629,1098,762],{"class":639},[629,1100,1020],{"class":635},[629,1102,1104],{"class":1103},"sfNiH"," false\n",[629,1106,1107],{"class":631,"line":707},[629,1108,799],{"class":635},[629,1110,1111,1113],{"class":631,"line":736},[629,1112,805],{"class":635},[629,1114,808],{"class":656},[1116,1117,1118],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .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 .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 .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}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 .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}",{"title":625,"searchDepth":650,"depth":650,"links":1120},[1121],{"id":599,"depth":650,"text":600},"Nuxt UI integrates with Nuxt Color Mode to allow for easy switching between light and dark themes.","md",[1125],{"label":1126,"to":607,"target":1127,"icon":1128},"nuxtjs/color-mode","_blank","i-simple-icons-github",{},{"icon":76},{"title":69,"description":1122},"yspKIU-DHsbtzk0S7LmDoL3Gm6sDnIxWSbrVquwcWFI",[1134,1136],{"title":64,"path":65,"stem":66,"description":1135,"icon":67,"children":-1},"Nuxt UI integrates with Nuxt Fonts to provide plug-and-play font optimization.",{"title":86,"path":87,"stem":88,"description":1137,"icon":89,"children":-1},"Learn how to internationalize your Nuxt app with multi-directional support (LTR/RTL).",{"data":1139,"body":1140},{},{"type":1141,"children":1142},"root",[1143],{"type":1144,"tag":588,"props":1145,"children":1146},"element",{},[1147],{"type":1148,"value":1122},"text",1767003433561]