\n\n### Description\n\nBasically having keys starting with same name will activate automaticaly all the childs, see image:\n\nso if I'm on **_/settings/profile_** page it will also set active _**/settings**_\n\n```\nconst items = [\n [\n {\n label: \"Impostazioni\",\n key: \"/settings\",\n to: \"/settings\",\n icon: \"i-lucide-settings\",\n },\n {\n label: \"Il mio profilo\",\n key: \"/settings/profile\",\n to: \"/settings/profile\",\n icon: \"i-lucide-settings\",\n },\n ];\n```\n\n\n\n\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2016,2019],{"name":2017,"color":2018},"bug","d73a4a",{"name":2002,"color":2003},3271,"closed","UDropdownMenu active class on multiple items if starting key is the same","2025-03-08T12:22:25Z","https://github.com/nuxt/ui/issues/3271",0.6556735,{"description":2027,"labels":2028,"number":2031,"owner":1988,"repository":2032,"state":2021,"title":2033,"updated_at":2034,"url":2035,"score":2036},"**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",[2029],{"name":1999,"color":2030},"1ad6ff",712,"nuxt.com","[Home] Design feedbacks","2023-09-05T08:18:34Z","https://github.com/nuxt/nuxt.com/issues/712",0.6640564,{"description":2038,"labels":2039,"number":2042,"owner":1988,"repository":2008,"state":2021,"title":2043,"updated_at":2023,"url":2044,"score":2045},"### Description\n\nSometimes we need some properties or events like selectIndex, prev/next ...\nFor example, I want to get the current image index outside of the Carousel to display something like `1/50`.\nI tried `emblaRef` and `emblaApi`, but it's always an empty object.\n\n### Additional context\n\n_No response_",[2040,2041],{"name":1999,"color":2000},{"name":2002,"color":2003},3391,"Can Carousel component expose some events?","https://github.com/nuxt/ui/issues/3391",0.7171354,{"description":2047,"labels":2048,"number":2050,"owner":1988,"repository":2032,"state":2021,"title":2051,"updated_at":2052,"url":2053,"score":2054},"",[2049],{"name":1999,"color":2030},715,"[Docs] Remove `useScrollToHeading` from TOC","2022-06-30T12:08:37Z","https://github.com/nuxt/nuxt.com/issues/715",0.72177964,{"description":2056,"labels":2057,"number":2063,"owner":1988,"repository":2008,"state":2021,"title":2064,"updated_at":2065,"url":2066,"score":2067},"### 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```",[2058,2059,2062],{"name":2017,"color":2018},{"name":2060,"color":2061},"duplicate","cfd3d7",{"name":2002,"color":2003},3125,"Buttons are missing \"cursor pointer\"","2025-04-02T09:40:55Z","https://github.com/nuxt/ui/issues/3125",0.72330815,{"description":2047,"labels":2069,"number":2071,"owner":1988,"repository":2032,"state":2021,"title":2072,"updated_at":2073,"url":2074,"score":2075},[2070],{"name":1999,"color":2030},379,"[Live collab] Handle case when current file is renamed by a collaborator","2023-02-15T12:31:27Z","https://github.com/nuxt/nuxt.com/issues/379",0.7251942,{"description":2077,"labels":2078,"number":2081,"owner":1988,"repository":2032,"state":2021,"title":2082,"updated_at":2083,"url":2084,"score":2085},"On hover, border effect doesn't work on Firefox/Safari",[2079],{"name":2017,"color":2080},"ff281a",1136," Cards: border","2023-02-15T12:31:10Z","https://github.com/nuxt/nuxt.com/issues/1136",0.7258717,{"description":2087,"labels":2088,"number":2093,"owner":1988,"repository":2008,"state":2021,"title":2094,"updated_at":2095,"url":2096,"score":2097},"### 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 =)",[2089,2092],{"name":2090,"color":2091},"question","d876e3",{"name":2002,"color":2003},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.7265097,["Reactive",2099],{},["Set"],["ShallowReactive",2102],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"kKPHy-6grN46lAunlJu8OmbzqB2Eyc9I8l03gm2hHhY":-1},"/nuxt/nuxt.com/120"]