\n`\n\n### Additional context\n\n_No response_",[3194,3195],{"name":3140,"color":3141},{"name":3196,"color":3147},"wontfix-v2",2737,"Specify a components variant for each color mode.","2025-03-03T22:31:17Z","https://github.com/nuxt/ui/issues/2737",0.670402,{"description":3203,"labels":3204,"number":3207,"owner":3149,"repository":3150,"state":3151,"title":3208,"updated_at":3209,"url":3210,"score":3211},"### For what version of Nuxt UI are you asking this question?\n\nv3.0.0-alpha.x\n\n### Description\n\nI've noticed that links (\\\u003Ca\\> tags) created with `UButton` contain a lot of unnecessary styling related to the button itself, disabled and enabled state. Given that for anchors there is no `disabled` property in the HTML specification, this means that out of the following styles:\n```\nrounded-[calc(var(--ui-radius)*1.5)] font-medium inline-flex items-center focus:outline-none transition-colors px-2.5 py-1.5 text-sm gap-1.5 ring ring-inset ring-[var(--ui-primary)]/50 text-[var(--ui-primary)] hover:bg-[var(--ui-primary)]/10 focus-visible:ring-2 focus-visible:ring-[var(--ui-primary)]\n```\n\nAt the very least, these can be removed:\n\n```\ndisabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 disabled:bg-transparent aria-disabled:bg-transparent dark:disabled:bg-transparent dark:aria-disabled:bg-transparent\n```\n\nThis is quite a reduction in classes and can make a moderate difference in total page size and even web vitals scores, especially if there are a lot of links on the page created with `UButton` (which is very likely given the customization UButton provides with icons, variants, colors, and more)\n\nIn order to make this work, the classes that rely on disabled state would likely need to be extracted into a separate place in the theme, which tailwind-variants will then need to merge if there is no `to` property present.\n\nYou might be asking why, given that technically people can rely on it to prevent navigation until a certain condition. But the answer to that is that restricting links like that is generally bad practice and can be circumvented pretty easily. It's not meant to be a security feature and it also lacks in terms of functional purpose.\n\nI'll check to see what I can do about it, but I thought sharing it here would be more beneficial in case someone will be faster than me in preparing a PR for this =)",[3205,3206],{"name":3173,"color":3174},{"name":3143,"color":3144},2907,"[Performance improvement opportunity]: remove disabled-dependent classes on links created with `UButton`","2025-01-13T22:45:37Z","https://github.com/nuxt/ui/issues/2907",0.67407817,{"description":3213,"labels":3214,"number":3215,"owner":3149,"repository":3216,"state":3151,"title":3217,"updated_at":3218,"url":3219,"score":3220},"### Environment\n\nDocs issue:\r\nFirefox browser.\n\n### Reproduction\n\nGo on nuxt.com and scroll down to see the footer.\r\nLook at the theme switch. Doable with even OS light and dark modes.\r\n\r\n\r\n\n\n### Describe the bug\n\nTheme switch is not showing the exact mode used by the docs website.\r\nBy default, it shows the light mode as selected where the dark mode is set.\n\n### Additional context\n\nOnly visible on Firefox.\n\n### Logs\n\n_No response_",[],1230,"nuxt.com","Theme switch of docs default value does not sync","2023-10-10T14:45:33Z","https://github.com/nuxt/nuxt.com/issues/1230",0.67503375,{"description":3222,"labels":3223,"number":3233,"owner":3149,"repository":3150,"state":3151,"title":3234,"updated_at":3235,"url":3236,"score":3237},"### Environment\n\nOperating System: Windows 11\nNode Version: v22.14.0\nNuxt Version: 3.15.4\nCLI Version: 3.13.2\nNitro Version: 2.10.4\nPackage Manager: npm@11.1.0\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\n.\n\n### Description\n\nI want the Popover component to open when a fetch call is made and the results are displayed in the Popover. For example, I want the search results to be displayed, but as soon as I click on the input, the Popover will be displayed.\n\nThis is my code:\n```\n\u003CUPopover v-model:open=\"search.open\" arrow>\n \u003Cdiv class=\"header-search relative flex flex-row items-center w-full max-w-96\">\n \u003Cinput v-model=\"search.param\"\n class=\"input bg-transparent border rounded-3xl focus:ring-0 outline-0 py-1 px-2 w-full\" />\n \u003C/div>\n \u003Ctemplate #content>\n ...\n \u003C/template>\n \u003C/UPopover>\n```\n\nDid I do something wrong?\nPlease help me.\nThanks\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3224,3225,3228,3229,3230],{"name":3160,"color":3161},{"name":3226,"color":3227},"needs reproduction","CB47CF",{"name":3143,"color":3144},{"name":3146,"color":3147},{"name":3231,"color":3232},"closed-by-bot","ededed",3303,"open Popover manually","2025-03-25T02:04:46Z","https://github.com/nuxt/ui/issues/3303",0.67833996,{"description":3239,"labels":3240,"number":3243,"owner":3149,"repository":3216,"state":3151,"title":3244,"updated_at":3245,"url":3246,"score":3247},"**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",[3241],{"name":3140,"color":3242},"1ad6ff",712,"[Home] Design feedbacks","2023-09-05T08:18:34Z","https://github.com/nuxt/nuxt.com/issues/712",0.6788071,{"description":3249,"labels":3250,"number":3252,"owner":3149,"repository":3150,"state":3151,"title":3253,"updated_at":3254,"url":3255,"score":3256},"### Environment\n\n- Operating System: Windows_NT\n- Node Version: v20.10.0\n- Nuxt Version: 3.13.2\n- CLI Version: 3.15.0\n- Nitro Version: 2.9.7\n- Package Manager: yarn@4.3.0\n- Builder: -\n- User Config: default\n- Runtime Modules: -\n- Build Modules: -\n\n### Version\n\n2.18.7\n\n### Reproduction\n\nPut a tooltip with an icon within the `\u003Ctemplate #trailing>` slot.\n\n### Description\n\nIf an element in an input's \"trailing\" slot is wrapped in the tooltip component, it doesn't show the tooltip when hovered/clicked.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3251],{"name":3160,"color":3161},2461,"Tooltip in \"trailing\" slot of input deosn't work.","2024-10-25T15:26:45Z","https://github.com/nuxt/ui/issues/2461",0.6838095,["Reactive",3258],{},["Set"],["ShallowReactive",3261],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f63D8oQGfrX4wOyJEB8DtVBzjgDPhEFlZsdEgF1Uy51M":-1},"/nuxt/ui/3305"]