\n```",[2035,2036],{"name":1985,"color":1986},{"name":1988,"color":1989},3517,"How To Style NavigationMenu items","2025-03-14T13:01:49Z","https://github.com/nuxt/ui/issues/3517",0.68694276,{"description":2043,"labels":2044,"number":2053,"owner":1991,"repository":1991,"state":1993,"title":2054,"updated_at":2055,"url":2056,"score":2057},"### Environment\n\nNuxi 3.4.3\r\nRootDir: /home/projects/github-c5prhs\r\nNuxt project info: \r\n\r\n------------------------------\r\n- Operating System: Linux\r\n- Node Version: v16.14.2\r\n- Nuxt Version: 3.4.3\r\n- Nitro Version: 2.4.0\r\n- Package Manager: npm@7.17.0\r\n- Builder: vite\r\n- User Config: -\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n------------------------------\r\n\r\n 👉 Report an issue: https://github.com/nuxt/nuxt/issues/new\r\n👉 Suggest an improvement: https://github.com/nuxt/nuxt/discussions/new\r\n👉 Read documentation: https://nuxt.com\n\n### Reproduction\n\n**Reproduction project**: https://stackblitz.com/edit/github-c5prhs\r\n**Reproduction description**: When loading the reproduction, an error is immediately thrown using `createError` - this results an error: ` Invalid prop: type check failed for prop \"title\". Expected String with value \"undefined\", got Undefined`.\n\n### Describe the bug\n\nThe `throw createError` somehow still leads to the template being rendered, but with items from the `setup` being `undefined`. This leads to SSR errors, but also to hydration errors in more complex cases. Looking at the documentation of `createError` I cannot see this being expected behavior ([link](https://nuxt.com/docs/getting-started/error-handling#createerror)).\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n✔ Nitro built in 1217 ms \r\nℹ Vite client warmed up in 1887ms \r\n✔ Vite server hmr 21 files in 794.22m\r\n[Vue warn]: Invalid prop: type check failed for prop \"title\". Expected String with value \"undefined\", got Undefined\r\n[Vue warn]: Invalid prop: type check failed for prop \"title\". Expected String with value \"undefined\", got Undefined\n```\n",[2045,2047,2050],{"name":2002,"color":2046},"8DEF37",{"name":2048,"color":2049},"dx","C39D69",{"name":2051,"color":2052},"🍰 p2-nice-to-have","0E8A16",20800,"Invalid prop undefined when using throw createError","2024-06-30T11:08:49Z","https://github.com/nuxt/nuxt/issues/20800",0.68999064,{"description":2059,"labels":2060,"number":2063,"owner":1991,"repository":1992,"state":1993,"title":2064,"updated_at":2065,"url":2066,"score":2067},"### 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",[2061,2062],{"name":1985,"color":1986},{"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.6909259,{"description":2069,"labels":2070,"number":2075,"owner":1991,"repository":1992,"state":2076,"title":2077,"updated_at":2078,"url":2079,"score":2080},"### Environment\n\n- Operating System: Darwin\n- Node Version: v22.11.0\n- Nuxt Version: 3.14.1592\n- CLI Version: 3.15.0\n- Nitro Version: 2.10.4\n- Package Manager: bun@1.1.38\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/ui@3.0.0-alpha.10, @nuxtjs/i18n@9.1.0, @nuxt/image@1.8.1\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0-alpha.10\n\n### Reproduction\n\nUse the UPopover component and put a UButton in an UTooltip.\n\n### Description\n\nUPopover does not work when the UButton is in a UTooltip\n\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2071,2074],{"name":2072,"color":2073},"bug","d73a4a",{"name":1988,"color":1989},2897,"closed","UPopover does not work when the UButton is in a UTooltip","2025-02-19T15:23:15Z","https://github.com/nuxt/ui/issues/2897",0.5350766,{"description":2082,"labels":2083,"number":2086,"owner":1991,"repository":1992,"state":2076,"title":2087,"updated_at":2088,"url":2089,"score":2090},"### Environment\n\n- Operating System: Linux\n- Node Version: v22.4.0\n- Nuxt Version: 3.14.159\n- CLI Version: 3.15.0\n- Nitro Version: 2.10.4\n- Package Manager: pnpm@9.13.2\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/ui@3.0.0-alpha.8\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0-alpha.8\n\n### Reproduction\n\n-\n\n### Description\n\nDefault classes of container in [docs](https://ui3.nuxt.dev/components/container#theme) is:\n```ts\nexport default defineAppConfig({\n ui: {\n container: {\n base: 'max-w-[var(--ui-container)] mx-auto px-4 sm:px-6 lg:px-8'\n }\n }\n})\n```\n**But no one of classes except `mx-auto` is not was created.**\nI change `--ui-container` variable like in [docs](https://ui3.nuxt.dev/getting-started/theme#container):\n```css\n/** app.css */\n\n@import 'tailwindcss';\n@import '@nuxt/ui';\n\n@theme {\n --container-xl: 1280px;\n}\n\n:root {\n --ui-container: var(--container-xl);\n}\n```\nAs result, container classes is `max-w-7xl mx-auto px-4 sm:px-6 lg:px-8` and still not was created, except `mx-auto`.\n\nBut if i create `app.config.ts`:\n```ts\nexport default defineAppConfig({\n ui: {\n container: {\n base: 'max-w-[var(--ui-container)] mx-auto px-4 sm:px-6 lg:px-8'\n }\n }\n})\n```\nAll is ok, width and other classes are created and applying.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2084,2085],{"name":2072,"color":2073},{"name":1988,"color":1989},2655,"Classes of container component are not working properly","2024-11-16T13:13:33Z","https://github.com/nuxt/ui/issues/2655",0.6683193,{"description":2092,"labels":2093,"number":2099,"owner":1991,"repository":1992,"state":2076,"title":2100,"updated_at":2101,"url":2102,"score":2103},"### Environment\n\n- Operating System: Darwin\n- Node Version: v20.18.0\n- Nuxt Version: 3.14.1592\n- CLI Version: 3.16.0\n- Nitro Version: 2.10.4\n- Package Manager: pnpm@9.12.3\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/image@1.8.1, @nuxt/content@2.13.4, @nuxthq/studio@1.1.2, @nuxt/ui-pro@3.0.0-alpha.10, @nuxtjs/plausible@1.2.0, @nuxtjs/seo@2.0.2, @vueuse/nuxt@12.0.0\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0.alpha10\n\n### Reproduction\n\nhttps://ui3.nuxt.dev/components/button#loading (example with `loading-auto`)\n\n### Description\n\nWhen using a `UIButton` component with an `@click` event, the cursor does not change to `cursor-pointer`, which may confuse users about the button's clickability.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2094,2095,2098],{"name":2072,"color":2073},{"name":2096,"color":2097},"duplicate","cfd3d7",{"name":1988,"color":1989},2940,"`cursor-pointer` is missing on `UButton` with an `@click` event","2025-04-02T09:37:12Z","https://github.com/nuxt/ui/issues/2940",0.6722165,["Reactive",2105],{},["Set"],["ShallowReactive",2108],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"rOAtISLJfmxei6cuos-2Jcr_RBqGk1IrnDU_GzSMOTA":-1},"/nuxt/ui/2419"]