\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```",[3156,3159],{"name":3157,"color":3158},"bug","d73a4a",{"name":3160,"color":3161},"v3","49DCB8",3271,"ui","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.65593547,{"description":3170,"labels":3171,"number":3175,"owner":3136,"repository":3176,"state":3164,"title":3177,"updated_at":3178,"url":3179,"score":3180},"**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",[3172],{"name":3173,"color":3174},"enhancement","1ad6ff",712,"nuxt.com","[Home] Design feedbacks","2023-09-05T08:18:34Z","https://github.com/nuxt/nuxt.com/issues/712",0.66104037,{"description":3182,"labels":3183,"number":3191,"owner":3136,"repository":3163,"state":3164,"title":3192,"updated_at":3193,"url":3194,"score":3195},"### Environment\n\n```\nNuxt project info: 4:13:17 PM\n\n------------------------------\n- Operating System: Linux\n- Node Version: v20.16.0\n- Nuxt Version: 3.13.2\n- CLI Version: 3.14.0\n- Nitro Version: 2.9.7\n- Package Manager: pnpm@9.7.1\n- Builder: -\n- User Config: -\n- Runtime Modules: -\n- Build Modules: -\n------------------------------\n```\n\n### Version\n\n2.18.7\n\n### Reproduction\n\nhttps://ui.nuxt.com/components/button\n\n### Description\n\n\nMy issue is pretty close to https://github.com/nuxt/ui/issues/468.\n\nIt's when you switch between different types of props on a component document that this issue occurs, the first time you enter it no such issue occurs.\n\n\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3184,3185,3188],{"name":3157,"color":3158},{"name":3186,"color":3187},"documentation","0075ca",{"name":3189,"color":3190},"duplicate","cfd3d7",2429,"DOCS: You should use slots with \u003CContentRenderer>","2024-10-21T10:20:28Z","https://github.com/nuxt/ui/issues/2429",0.7137206,{"description":3197,"labels":3198,"number":3203,"owner":3136,"repository":3163,"state":3164,"title":3204,"updated_at":3205,"url":3206,"score":3207},"### Description\n\nStyles with tailwindcss 4.0.13 seem to be broken after updating from NuxtUI pervious alpha.\n\n```\n\"dependencies\": {\n \"@iconify-json/ri\": \"1.2.5\",\n \"@nuxt/ui\": \"3.0.0\",\n \"@vueuse/core\": \"12.7.0\",\n \"@vueuse/nuxt\": \"12.7.0\",\n }\n```\nmain.css\n```\n@import 'tailwindcss' theme(static);\n@import '@nuxt/ui';\n```\nHas anyone else ran into this issue and if so how did you fix it?",[3199,3202],{"name":3200,"color":3201},"question","d876e3",{"name":3160,"color":3161},3525,"Styles issue have upgrade from 3.0.0-alpha.13 to 3.0.0","2025-03-12T23:28:54Z","https://github.com/nuxt/ui/issues/3525",0.7178608,{"description":3209,"labels":3210,"number":3214,"owner":3136,"repository":3163,"state":3164,"title":3215,"updated_at":3166,"url":3216,"score":3217},"### 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_",[3211,3213],{"name":3173,"color":3212},"a2eeef",{"name":3160,"color":3161},3391,"Can Carousel component expose some events?","https://github.com/nuxt/ui/issues/3391",0.7202465,{"description":3219,"labels":3220,"number":3232,"owner":3136,"repository":3136,"state":3164,"title":3233,"updated_at":3234,"url":3235,"score":3236},"### Environment\r\n\r\nEvery Environment\r\n\r\n### Reproduction\r\n\r\nI really believe a reproduction is not needed but tell me otherwise and I create one.\r\n\r\n### Describe the bug\r\n\r\nRegarding `useLazyAsyncData` example: https://nuxt.com/docs/api/composables/use-lazy-async-data#example\r\n\r\n\u003Cimg width=\"809\" alt=\"image\" src=\"https://github.com/nuxt/nuxt/assets/47485736/12cb870f-c219-4642-a852-00ede0d74dc1\">\r\n\r\nWe are making a `watch` call in an async context in this example, after further investigation I found some docs in Vue 3 oficial site (https://vuejs.org/guide/essentials/watchers.html#stopping-a-watcher) that say the automatic process of stopping watchers does not work in async contexts. \r\n\r\nMy workaround for this was making a new hook called `useSafeWatch` that looks something like this:\r\n\r\n./useSafeWatch.ts\r\n```ts\r\nexport default useSafeWatch() {\r\n const watchersToBeCleaned = []\r\n onBeforeUnmount(() => {\r\n watchersToBeCleaned.forEach(stopWatcher => stopWatcher())\r\n })\r\n return {\r\n watch: (...args) => {\r\n watchersToBeCleaned.push(watch(...args))\r\n }\r\n }\r\n}\r\n```\r\n\r\n./usingTheHook.vue\r\n```js\r\n\u003Cscript setup>\r\nconst { watch } = useSafeWatch()\r\n\u003C/script>\r\n```\r\n\r\nAnother solution is making something like `unctx` and store the current context (vue instance in this case) in globalThis and window but this seems to be an upstream solution...\r\n\r\nIs this something worth implementing a PR? Computeds seem to be another issue here?\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[3221,3223,3226,3229],{"name":3173,"color":3222},"8DEF37",{"name":3224,"color":3225},"discussion","538de2",{"name":3227,"color":3228},"3.x","29bc7f",{"name":3230,"color":3231},"performance","E84B77",23043,"Possible memory leak example in the docs could be a feature `useSafeWatch`","2024-04-03T09:49:04Z","https://github.com/nuxt/nuxt/issues/23043",0.7222378,{"description":3238,"labels":3239,"number":3241,"owner":3136,"repository":3176,"state":3164,"title":3242,"updated_at":3243,"url":3244,"score":3245},"Blocked by #639 \n\n- [ ] Clean animations should happen on click instead of being automatic\n- [ ] Video on hero (#628)\n",[3240],{"name":3173,"color":3174},638,"[Docs] Framework v3 landing page improvements","2022-06-16T11:33:23Z","https://github.com/nuxt/nuxt.com/issues/638",0.72241014,{"description":3247,"labels":3248,"number":3251,"owner":3136,"repository":3163,"state":3164,"title":3252,"updated_at":3253,"url":3254,"score":3255},"### 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 =)",[3249,3250],{"name":3200,"color":3201},{"name":3160,"color":3161},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.7237502,["Reactive",3257],{},["Set"],["ShallowReactive",3260],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fkKPHy-6grN46lAunlJu8OmbzqB2Eyc9I8l03gm2hHhY":-1},"/nuxt/nuxt.com/120"]