\n```",[2031,2034],{"name":2032,"color":2033},"question","d876e3",{"name":1988,"color":1989},3517,"How To Style NavigationMenu items","2025-03-14T13:01:49Z","https://github.com/nuxt/ui/issues/3517",0.6822385,{"description":2041,"labels":2042,"number":2045,"owner":1997,"repository":1998,"state":1999,"title":2046,"updated_at":2047,"url":2048,"score":2049},"### Description\n\nHi, I'm having a hard time applying transition to dark / light background.\n\nMy `main.css` file is as follows.\n\nChanging the background color from `slate` to `stone`, for example, works fine.\n\nThe problem is just for the light / dark theme transition.\n\n```\n:root {\n --ui-bg: var(--ui-color-neutral-100);\n}\n\n.dark {\n --ui-bg: var(--ui-color-neutral-900);\n}\n\n@layer base {\n body {\n @apply transition-colors duration-1000;\n }\n}\n```\n\nHere is the function that changes the theme:\n\n```\nconst isDark = computed({\n get() {\n return colorMode.value === 'dark';\n },\n set() {\n colorMode.preference = colorMode.value === 'dark' ? 'light' : 'dark';\n },\n});\n```\n\nAny help would be appreciated, thanks!\n",[2043,2044],{"name":2032,"color":2033},{"name":1988,"color":1989},3645,"Applying transition-colors to light / dark theme","2025-03-21T16:20:57Z","https://github.com/nuxt/ui/issues/3645",0.6915726,{"description":2051,"labels":2052,"number":2056,"owner":1997,"repository":1998,"state":1999,"title":2057,"updated_at":2058,"url":2059,"score":2060},"### Description\n\nIt would be great to include these visuals directly in the component documentation pages, especially for layout components, to quickly understand their purpose at a glance.\n\n\n\nFor example, the visual could be added to the right side of the UPageHeader in the documentation. Clicking on the image could open a modal with a larger view for better readability.\n\n### Additional context\n\nlinked to this comment : https://github.com/nuxt/ui/issues/1289#issuecomment-2677068264",[2053,2054,2055],{"name":2019,"color":2020},{"name":1988,"color":1989},{"name":1994,"color":1995},3522,"Add visual to component documentation pages","2025-03-11T16:13:07Z","https://github.com/nuxt/ui/issues/3522",0.69468063,{"description":2062,"labels":2063,"number":2068,"owner":1997,"repository":1998,"state":2069,"title":2070,"updated_at":2071,"url":2072,"score":2073},"### For what version of Nuxt UI are you suggesting this?\n\nv2.x\n\n### Description\n\nWhen validating an object, a FormGroup does not display validations of specific properties (at least not with details).\n\nWould it make sense for the name `myobj` to display errors from anything that looks like `myobj\\..*` ? it could show all of them, each on a newline.\n\n### Additional context\n\nhttps://github.com/nuxt/ui/issues/1898",[2064,2065,2067],{"name":2019,"color":2020},{"name":2066,"color":1995},"wontfix-v2",{"name":1988,"color":1989},2569,"closed","Display zod validation errors based on prefix","2024-11-11T18:28:09Z","https://github.com/nuxt/ui/issues/2569",0.6721419,{"description":2075,"labels":2076,"number":2078,"owner":1997,"repository":1998,"state":2069,"title":2079,"updated_at":2080,"url":2081,"score":2082},"### For what version of Nuxt UI are you suggesting this?\n\nv2.x\n\n### Description\n\nThe config of the divider component allows to define types:\n\n```\ntype: {\n solid: 'border-solid',\n dotted: 'border-dotted',\n dashed: 'border-dashed',\n},\n```\n\nHowever, the solid type is set by default and can only be changed per Divider component, not globally via config. It would be great to be able to set a custom default type like so:\n\n```\ndefault: {\n border: {\n type: 'dotted',\n },\n},\n```\n\n### Additional context\n\n_No response_",[2077],{"name":2019,"color":2020},2398,"Define default type for Divider","2024-10-19T12:19:23Z","https://github.com/nuxt/ui/issues/2398",0.67414,{"description":2084,"labels":2085,"number":2087,"owner":1997,"repository":1998,"state":2069,"title":2088,"updated_at":2089,"url":2090,"score":2091},"### Environment\n\nNuxt project info: 12:26:48 PM\r\n\r\n------------------------------\r\n- Operating System: Windows_NT\r\n- Node Version: v20.16.0\r\n- Nuxt Version: 3.12.4\r\n- CLI Version: 3.13.1\r\n- Nitro Version: 2.9.7\r\n- Package Manager: pnpm@9.9.0\r\n- Builder: -\r\n- User Config: devtools, ssr, typescript, imports, modules, svgo, mongoose, i18n, compatibilityDate\r\n- Runtime Modules: @nuxt/test-utils/module@3.14.1, nuxt-mongoose@1.0.6, @pinia/nuxt@0.5.4, @nuxt/ui@2.18.4, @nuxtjs/i18n@8.5.2, nuxt-svgo@4.0.5\r\n- Build Modules: -\r\n------------------------------\n\n### Version\n\nv2.18.4\n\n### Reproduction\n\nthe online address: https://nano-portfolio-ruby.vercel.app/\r\nthe repo: https://github.com/gaomingzhao666/nano-portfolio\n\n### Description\n\nHey, I don't install `nuxt-icon` module and I can use icons directly in `nuxt-ui`, because I think the `nuxt-ui` already integrated `nuxt-icon` module.\r\n\r\nThe problem is: that the icon is empty when users first enter the page that shows icons, and when I turn off the computer and open it in next day, the bug is reproduced.\r\n\r\nI think the server cache is not working properly, should I install `nuxt-icon` module manually or it's just a bug to `nuxt-ui`\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2086],{"name":1985,"color":1986},2195,"the `icon` component that integrated in `nuxt-ui` by default is not shown at first loading","2024-09-27T04:02:26Z","https://github.com/nuxt/ui/issues/2195",0.6827648,{"description":2093,"labels":2094,"number":2097,"owner":1997,"repository":1998,"state":2069,"title":2098,"updated_at":2099,"url":2100,"score":2101},"### Description\n\nI have not been able to apply a custom brand color to a nuxt ui 3 site using the documentation.\n\nWhat am I doing wrong?\n\nhttps://codesandbox.io/p/devbox/focused-haze-63jcfx ",[2095,2096],{"name":2032,"color":2033},{"name":1988,"color":1989},3565,"Custom brand color","2025-03-14T13:18:33Z","https://github.com/nuxt/ui/issues/3565",0.6834306,["Reactive",2103],{},["Set"],["ShallowReactive",2106],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"Rx-RGhZz92nk65a--dPXR_jBxVI4_iUQMAubDK-Y9ao":-1},"/nuxt/ui/3432"]