\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":3019,"labels":3020,"number":3025,"owner":2933,"repository":2933,"state":2951,"title":3026,"updated_at":3027,"url":3028,"score":3029},"### 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_",[3021,3024],{"name":3022,"color":3023},"3.x","29bc7f",{"name":2960,"color":2961},15254,"Type-only props declaration doesn't work","2023-01-19T17:46:45Z","https://github.com/nuxt/nuxt/issues/15254",0.727236,{"description":3031,"labels":3032,"number":3035,"owner":2933,"repository":2934,"state":2951,"title":3036,"updated_at":3037,"url":3038,"score":3039},"### 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_",[3033,3034],{"name":2922,"color":2923},{"name":2925,"color":2926},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.7306415,["Reactive",3041],{},["Set"],["ShallowReactive",3044],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fvoH0-F7ND3p6MCVnooWYo0_eIDy9hD_m-mhjkY17fPY":-1},"/nuxt/ui/3915"]