`\n\nUnable to use stroke-width does not take effect",[],364,"icon","Unable to use stroke-width does not take effect","2025-03-04T02:48:19Z","https://github.com/nuxt/icon/issues/364",0.7861712,{"description":2020,"labels":2021,"number":2024,"owner":1991,"repository":1992,"state":2025,"title":2026,"updated_at":2027,"url":2028,"score":2029},"https://www.radix-vue.com/components/number-field.html\n\nWondering if we should call it `NumberInput` to be consistent 🤔 ",[2022,2023],{"name":1985,"color":1986},{"name":1988,"color":1989},2523,"closed","[NumberField/NumberInput] Implement component","2024-11-18T09:10:17Z","https://github.com/nuxt/ui/issues/2523",0.715962,{"description":2031,"labels":2032,"number":2037,"owner":1991,"repository":1992,"state":2025,"title":2038,"updated_at":2039,"url":2040,"score":2041},"### Description\n\nHow can I customize component styles in v3?\nI learned from `https://ui3.nuxt.dev/getting-started/theme` that styles can be customized in `app.config.ts` For example:\n```ts\nexport default defineAppConfig({\n uiPro: {\n header: {\n slots: {\n root: 'bg-[var(--ui-bg)]/75 backdrop-blur border-b border-[var(--ui-border)] sticky top-0 z-50',\n container: 'flex items-center justify-between gap-3 h-[var(--ui-header-height)]',\n left: 'lg:flex-1 flex items-center gap-1.5',\n center: 'hidden lg:flex',\n right: 'flex items-center justify-end lg:flex-1 gap-1.5',\n title: 'shrink-0 font-bold text-xl text-[var(--ui-text-highlighted)] flex items-end gap-1.5',\n toggle: 'lg:hidden',\n content: 'lg:hidden',\n overlay: 'lg:hidden',\n header: '',\n body: 'p-4 sm:p-6 overflow-y-auto'\n },\n variants: {\n toggleSide: {\n left: {\n toggle: '-ms-1.5'\n },\n right: {\n toggle: '-me-1.5'\n }\n }\n }\n }\n }\n})\n```\nHowever, after testing this approach, it doesn’t seem to work. So I’d like to ask specifically how to modify the style of an entire component in v3.\nFor instance, I want to customize the style of `UHeader`\nPlease forgive me if this is a silly question. English is not my native language, so I might have missed some details mentioned elsewhere.",[2033,2036],{"name":2034,"color":2035},"question","d876e3",{"name":1988,"color":1989},3070,"How can I customize component styles in v3?","2025-01-13T00:58:26Z","https://github.com/nuxt/ui/issues/3070",0.7680582,{"description":2043,"labels":2044,"number":2052,"owner":1991,"repository":1992,"state":2025,"title":2053,"updated_at":2054,"url":2055,"score":2056},"### Environment\n\n- Operating System: `Windows_NT`\n- Node Version: `v22.13.0`\n- Nuxt Version: `3.15.2`\n- CLI Version: `3.20.0`\n- Nitro Version: `2.10.4`\n- Package Manager: `yarn@1.22.22`\n- Builder: `-`\n- User Config: `modules`, `ssr`, `devtools`, `colorMode`, `ui`, `runtimeConfig`, `routeRules`, `future`, `compatibilityDate`, `telemetry`, `eslint`, `i18n`, `security`\n- Runtime Modules: `@nuxt/ui@3.0.0-alpha.11`, `@nuxt/eslint@0.7.5`, `@nuxtjs/i18n@9.1.1`, `@vueuse/nuxt@12.4.0`, `@pinia/nuxt@0.9.0`, `nuxt-security@2.1.5`\n- Build Modules: `-`\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0-alpha.11\n\n### Reproduction\n\nCheck the official documentation website and hover any button: https://ui3.nuxt.dev/components/button\n\n### Description\n\nWhen mouse hovering a button, the cursor must be changed to pointer!\n\nWhen a button has a cursor pointer, it provides a clear visual cue to users that the element is interactive. This enhances the user experience by making it obvious that clicking the button will trigger an action. Without this visual feedback, users might not realize that the button is clickable, leading to confusion or frustration.\n\nIn essence, the cursor pointer helps improve the usability and accessibility of web interfaces by making interactive elements more intuitive to use.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2045,2048,2051],{"name":2046,"color":2047},"bug","d73a4a",{"name":2049,"color":2050},"duplicate","cfd3d7",{"name":1988,"color":1989},3125,"Buttons are missing \"cursor pointer\"","2025-04-02T09:40:55Z","https://github.com/nuxt/ui/issues/3125",0.7707818,{"description":2058,"labels":2059,"number":2061,"owner":1991,"repository":2005,"state":2025,"title":2062,"updated_at":2063,"url":2064,"score":2065},"**General**\n- [x] On both logo sliders, it shouldn't move while mouse over\n- [ ] Slide-in apparitions on scroll for images & texts in sections\n\n- [x] pb-10 is enough spacing between title of section & content\n- [x] I don't know if it's intended but every bold text in sections is \"Focus on the big picture\"\n\n**Hero**\n\n- [ ] Description should be => line-height: 170%\n\n- [x] [Lightmode] Gem aspect should be better\n- [x] @R-mooon => Increase mesh subdivision in blender in order to make gem angles even smoother + try compress hdr even more \n- [ ] [Mobile] @R-mooon will make a specific design [Edit : @Flosciante => see comments]\n\n**Sections**\n\n- [ ] [Darkmode] Description text should be one gray lighter\n\n**Framework**\n- [x] Play icon is missing over the video\n- [ ] [Darkmode] Overlay is too bright when modal is open\n\n**Projects**\n\n- [x] Cursor should be at end of content\n\n- [ ] Is it possible to make the animation in revert also ? I mean make \"droe\" & \"atinux\" deleting the content in order to make the animation infinite\n\n\n- [ ] [Darkmode] \"Read more\" on the card is too light \n\n**Community**\n\n- [x] See the nuxters have to look like the links in sections\n\n**Partners**\n\n- [ ] @R-mooon needs to rework some partners logo to make them display well\n\n**Newsletter**\n\n- [x] Less margin-top & more margin-bottom (should have nearly the same space up & down)\n\n- [ ] Update background gradient [Edit : Flo is gonna make a mouse interaction instead]\n\n**Suggestions**\n\n- [ ] Make this \"My account\" button follow content width (and the actual width being the max-w)\n- [ ] Why not making account name white and have a background color on hover, at the moment i find the right part of header very grey-ish, i feel like the name is disabled\n\n\n- [x] Try make logo banner fit inside container to see if it looks more consistent [Edit : Cancelled, tested and it looks worse than before]\n\n",[2060],{"name":2002,"color":2003},712,"[Home] Design feedbacks","2023-09-05T08:18:34Z","https://github.com/nuxt/nuxt.com/issues/712",0.7707962,{"description":2067,"labels":2068,"number":2075,"owner":1991,"repository":1991,"state":2025,"title":2076,"updated_at":2077,"url":2078,"score":2079},"### Environment\r\n\r\n- Operating System: `Linux`\r\n- Node Version: `v16.14.2`\r\n- Nuxt Version: `3.0.0-rc.13`\r\n- Nitro Version: `0.6.1`\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### Reproduction\r\n\r\nhttps://stackblitz.com/edit/github-oacpdy?file=app.vue\r\n\r\nUse the \"Preview in new tab\" button and navigate from one page to another multiple times to see that the page title will only change on the first visit.\r\n\r\n### Describe the bug\r\n\r\nSeems like when using `keepalive` property in `\u003CNuxtPage>`, `useHead` gets called ONLY when the page has never been rendered. When navigating to that page again, it keeps the value of the last visited page.\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[2069,2072],{"name":2070,"color":2071},"3.x","29bc7f",{"name":2073,"color":2074},"pending triage","E99695",15394,"`keepalive` prevents calling `useHead` on visited pages","2023-01-19T17:49:34Z","https://github.com/nuxt/nuxt/issues/15394",0.7756999,{"description":2081,"labels":2082,"number":2088,"owner":1991,"repository":1992,"state":2025,"title":2089,"updated_at":2090,"url":2091,"score":2092},"### Environment\n\n- Operating System: Darwin\n- Node Version: v22.13.1\n- Nuxt Version: 3.15.4\n- CLI Version: 3.21.1\n- Nitro Version: 2.10.4\n- Package Manager: npm@10.9.2\n- Builder: -\n- User Config: modules, plugins, devtools, css, compatibilityDate, eslint\n- Runtime Modules: @nuxt/ui@3.0.0-alpha.12, @nuxt/eslint@0.7.6\n- Build Modules: -\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0-alpha.12\n\n### Reproduction\n\nhttps://codesandbox.io/p/sandbox/purple-sunset-9qdqv3\nJust upgrade Nuxt template to v3.0.0-alpha.12 and remove style from app.vue make preview without theme colors\n\n### Description\n\n[Tailwind v4.0.5](https://github.com/tailwindlabs/tailwindcss/releases/tag/v4.0.5) add optimization to compiled css that include only theme variable that are used\n\n### Additional context\n\nNuxt Template with **v3.0.0-alpha.12** without style in app.vue \n\n\n\nNuxt Template with **v3.0.0-alpha.10** without style in app.vue\n\n\n\n\n\n### Logs\n\n```shell-script\n\n```",[2083,2084,2085],{"name":2046,"color":2047},{"name":1988,"color":1989},{"name":2086,"color":2087},"tailwindcss","00bcff",3275,"Broken theme due to Tailwind V4.0.5","2025-02-14T21:31:17Z","https://github.com/nuxt/ui/issues/3275",0.7761028,{"description":2094,"labels":2095,"number":2097,"owner":1991,"repository":1992,"state":2025,"title":2098,"updated_at":2099,"url":2100,"score":2101},"### Description\r\n\r\nHello !\r\n\r\nThis module is amazing, thanks a lot for this.\r\nI just started using nuxthub, and while reading the logs, I found components names I don't use. Are all the components built ? If yes, is it possible to exclude from build the unused components ?\r\n\r\nThanks !\r\nCheers from France !\r\n\r\nEdit : by reading my nuxt.config again, I see I defined these lines : \r\n\r\n```\r\n ui: {\r\n global: true,\r\n },\r\n components: {\r\n global: true,\r\n dirs: ['~/components']\r\n },\r\n```\r\n\r\nIs it the reason why all the UI components are built, even if I don't use them ? I don't remember why I decided to make everything global, but I'm sure I don't understand this option 🥇 \r\n\r\nEdit2 : Ok, this was indeed the `global: true` options that made all the ui components built, sorry for this silly question !",[2096],{"name":2034,"color":2035},2174,"Are all the components built during build process ?","2024-09-11T00:08:50Z","https://github.com/nuxt/ui/issues/2174",0.7786675,["Reactive",2103],{},["Set"],["ShallowReactive",2106],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"Ci9zS75nIpWZumQFjKkuws12dqVG4iJknP0hrbTlgDw":-1},"/nuxt/ui/2372"]