\n \u003CUIcon name=\"i-carbon-close-filled\" class=\"absolute top-0 left-0 size-4 peer-hover:block hidden\" />\n \u003C/div>\n\u003C/button>\n```\n\nI would also like to avoid JS (same with `:name`)\n\n```\nconst icon = ref\u003CHTMLElement | null>(null)\nconst isHovered = useElementHover(icon)\n...\n\u003Cbutton>\n \u003Cdiv ref=\"icon\" class=\"size-4\">\n \u003CUIcon v-show=\"isHovered\" name=\"i-carbon-close-outline\" class=\"size-4\" />\n \u003CUIcon v-show=\"!isHovered\" name=\"i-carbon-close-filled\" class=\"size-4\" />\n \u003C/div>\n\u003C/button>\n```",[],"icon","[Question] Recommended way to change icon based on CSS states","2024-11-05T19:10:03Z","https://github.com/nuxt/icon/issues/270",{"description":3237,"labels":3238,"number":3243,"owner":3151,"repository":3151,"state":3169,"title":3244,"updated_at":3245,"url":3246,"score":3247},"### Environment\r\n\r\n- Operating System: `Darwin`\r\n- Node Version: `v16.17.1`\r\n- Nuxt Version: `3.0.0-rc.12`\r\n- Nitro Version: `0.6.0`\r\n- Package Manager: `yarn@1.22.19`\r\n- Builder: `vite`\r\n- User Config: `-`\r\n- Runtime Modules: `-`\r\n- Build Modules: `-`\r\n\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/github-gqcwfr?file=components%2Ftest.vue\r\n\r\n### Describe the bug\r\n\r\nhttps://vuejs.org/api/sfc-script-setup.html#typescript-only-features\r\nThis syntax of props declaration throws an error.\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[3239,3242],{"name":3240,"color":3241},"3.x","29bc7f",{"name":3178,"color":3179},15254,"Type-only props declaration doesn't work","2023-01-19T17:46:45Z","https://github.com/nuxt/nuxt/issues/15254",0.727236,{"description":3249,"labels":3250,"number":3253,"owner":3151,"repository":3152,"state":3169,"title":3254,"updated_at":3255,"url":3256,"score":3257},"### For what version of Nuxt UI are you suggesting this?\n\nv3-alpha\n\n### Description\n\nIn version 2 of Nuxt UI, a `click` property can be defined in dropdown `items` props. In V3, this feature has not yet been implemented wet.\n\n### Additional context\n\n_No response_",[3251,3252],{"name":3140,"color":3141},{"name":3143,"color":3144},2450,"[DropdownMenu] - Add click properties to items props for handle custom click event","2024-10-24T12:30:29Z","https://github.com/nuxt/ui/issues/2450",0.7306414,["Reactive",3259],{},["Set"],["ShallowReactive",3262],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fvoH0-F7ND3p6MCVnooWYo0_eIDy9hD_m-mhjkY17fPY":-1},"/nuxt/ui/3915"]