\r\n Loading\r\n \u003C/div>\r\n \u003C/template>\r\n \u003Cdiv class=\"content\" ref=\"someRef\">\r\n This text should NOT be large!\r\n Remove the \u003Cpre>ref=\"someRef\"\u003C/pre> from the parent and it works\r\n \u003C/div>\r\n \u003C/ClientOnly>\r\n\u003C/template>\r\n```\r\n\r\n**Expected behaviour when loading the page:**\r\nA big loading spinner, and, when everything is done loading, some normal text, like this:\r\n\r\n\r\n**Instead,** you get this:\r\n\r\n\r\nWhen you remove the `ref=\"someRef\"` from the content div, it works as expected",[],"Unexpected behaviour when using an Icon within ClientOnly fallback","2023-12-18T12:08:48Z","https://github.com/nuxt/icon/issues/129",0.7661578,{"description":2909,"labels":2910,"number":2913,"owner":2871,"repository":2914,"state":2915,"title":2916,"updated_at":2917,"url":2918,"score":2919},"When we moved from UnoCSS to TailwindCSS, we lost the ability to parse and bundle iconify-json through UnoCSS parser. With no idea on how to achieve the same behaviour with TailwindCSS, we made use of iconify-vue to load icons on the fly: https://github.com/nuxtlabs/ui/blob/dev/src/runtime/components/elements/Icon.vue",[2911],{"name":2868,"color":2912},"1ad6ff",57,"nuxt.com","closed","Fix UI iconify offline","2022-11-04T11:26:57Z","https://github.com/nuxt/nuxt.com/issues/57",0.71319216,{"description":2921,"labels":2922,"number":382,"owner":2871,"repository":2872,"state":2915,"title":2923,"updated_at":2924,"url":2925,"score":2926},"I am using this module and when I use it with RC10s full static mode. It does not render the icon, adds the icon name as a string.\r\n\r\n\r\n\r\nAs you can see, it is just using the fallback as the icon name instead of rendering the svg `\u003Cspan v-else class=\"icon\" :style=\"{ fontSize: sSize, lineHeight: sSize, width: sSize, height: sSize }\">{{ name }}\u003C/span>`\r\n\r\nCC: @Atinux ",[],"Bug: Icons do not render in full static mode in RC10","2022-09-21T08:43:38Z","https://github.com/nuxt/icon/issues/8",0.73164463,{"description":2928,"labels":2929,"number":2930,"owner":2871,"repository":2872,"state":2915,"title":2931,"updated_at":2932,"url":2933,"score":2934},"\r\n\r\n\r\n\r\n",[],78,"Excuse me, when v-for performs list rendering, the icon name will appear. May I ask what may be the problem. Thanks","2023-05-10T09:55:26Z","https://github.com/nuxt/icon/issues/78",0.74495095,{"description":2936,"labels":2937,"number":2938,"owner":2871,"repository":2872,"state":2915,"title":2939,"updated_at":2940,"url":2941,"score":2942},"Hi! we are planning to use IconCSS to reduce Dom stuffs and to at least improve performance of the website.. But I would love to know if the feature is stable for production stuffs. Thanks 🙂",[],149,"We are planning to use IconCSS feature to use css instead of SVG to reduce function, is IconCss stable?","2024-03-29T10:30:56Z","https://github.com/nuxt/icon/issues/149",0.7470238,{"description":2944,"labels":2945,"number":2955,"owner":2871,"repository":2956,"state":2915,"title":2957,"updated_at":2958,"url":2959,"score":2960},"### Environment\n\nN/A\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.0.0\n\n### Reproduction\n\nhttps://ui.nuxt.com/components/input#loading-icon\n\n### Description\n\nBoth icons, the one shown in the example `i-lucide-repeat-2` and the component's default prop, `i-lucide-refresh-cw` look bad when rotated. I think there's a lot of room for improvement, these icons aren't meant to be animated.\n\nLuckily, there are some Lucide icons which _are_ designed to be animated.\n\nHow about https://lucide.dev/icons/loader-circle?\n\nOr https://lucide.dev/icons/loader?\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2946,2949,2952],{"name":2947,"color":2948},"bug","d73a4a",{"name":2950,"color":2951},"v3","49DCB8",{"name":2953,"color":2954},"triage","ffffff",4162,"ui","`Input`'s default loading icon needs improvement","2025-05-16T16:06:11Z","https://github.com/nuxt/ui/issues/4162",0.756182,{"description":2962,"labels":2963,"number":2971,"owner":2871,"repository":2956,"state":2915,"title":2972,"updated_at":2973,"url":2974,"score":2975},"### Description\n\n**Misc**\nNuxt-ui : 3.1.1\nNuxt: 3.17.1\nNode : v20.12.2\nTested on Firefox and Chrome\n\n**Description**\n\nWith the following code in my component, I get nothing in the rendered DOM using \"npm run dev\" command. The Icon does not appear and there is nothing in the dom.\n\nI have installed npm install @iconify-json/uil, I have also tried with other icon like \"prime\"\n\n```\n\u003CUIcon name=\"i-uil-github\" class=\"size-4\" />\n\n```\n\nI have no error message at all and other ui features works fine. I think I am missing something but I don't get what ^^\n\n**What I tried**\nTested on Firefox & Chrome.\nVarious icon package name\ninstalling nuxt icon package\nadding nuxt icon package to module",[2964,2967,2970],{"name":2965,"color":2966},"question","d876e3",{"name":2968,"color":2969},"needs reproduction","CB47CF",{"name":2950,"color":2951},4076,"UIcon not rendering in navigator","2025-05-08T17:38:20Z","https://github.com/nuxt/ui/issues/4076",0.7565986,["Reactive",2977],{},["Set"],["ShallowReactive",2980],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$frFS0rT-hiHW4KXj2tLxSQzPO4UMVEt-f-qWYknJasas":-1},"/nuxt/icon/397"]