\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.7858069,{"description":2893,"labels":2894,"number":2901,"owner":2866,"repository":2902,"state":2903,"title":2904,"updated_at":2905,"url":2906,"score":2907},"### Description\n\nIn our project, we aim to standardize the size of components across the application for consistency and maintainability. However, it seems there isn't a straightforward way to configure the default size for all inputs using app.config.",[2895,2898],{"name":2896,"color":2897},"question","d876e3",{"name":2899,"color":2900},"v3","49DCB8",2973,"ui","closed","How to allow customization of default components sizes via app.config?","2024-12-26T16:30:20Z","https://github.com/nuxt/ui/issues/2973",0.73170227,{"description":2909,"labels":2910,"number":2911,"owner":2866,"repository":2867,"state":2903,"title":2912,"updated_at":2913,"url":2914,"score":2915},"`\u003CIcon name=\"uil:github\" color=\"red\" />`\r\nreturns\r\n\r\n**App.config.ts**\r\n```\r\n// https://github.com/nuxt-modules/icon#configuration-%EF%B8%8F\r\nexport default defineAppConfig({\r\n icon: {\r\n size: \"300%\", // default \u003CIcon> size applied\r\n class: \"icon\", // default \u003CIcon> class applied\r\n mode: \"css\", // svg || css\r\n aliases: {\r\n nuxt: \"logos:nuxt-icon\",\r\n },\r\n },\r\n})\r\n```\r\n",[],176,"Add universal support for color attribute (similar to CSS icons)","2024-07-15T16:06:31Z","https://github.com/nuxt/icon/issues/176",0.73832554,{"description":2917,"labels":2918,"number":659,"owner":2866,"repository":2867,"state":2903,"title":2919,"updated_at":2920,"url":2921,"score":2922},"Is it possible to change the `/components/global` directory. I have checked the code of this module, but it seems to me that it could be something that's inside Nuxt 3?\r\n\r\nProposition:\r\n```js\r\n nuxtIcon: {\r\n size: \"16px\",\r\n source: '~/components/icons' // or an array with multiple values\r\n },\r\n```",[],"Feature: Possible to change the icons directory","2023-01-19T16:59:35Z","https://github.com/nuxt/icon/issues/18",0.744526,{"description":2924,"labels":2925,"number":1858,"owner":2866,"repository":2867,"state":2903,"title":2926,"updated_at":2927,"url":2928,"score":2929},"I see that there are a few default styles added in this, which actually make the icons behave differently than it should. \r\nhttps://github.com/nuxt-modules/icon/blob/4ecfd3a4672505799aa040176da9bf737f6b5f9a/src/runtime/Icon.vue#LL56-L61C2\r\n\r\n```html\r\n\u003Cstyle scoped>\r\n.icon {\r\n display: inline-block;\r\n vertical-align: middle;\r\n}\r\n\u003C/style>\r\n```\r\n",[],"Remove default styles and make it headless","2023-01-12T09:48:31Z","https://github.com/nuxt/icon/issues/24",0.7489222,{"description":2931,"labels":2932,"number":2933,"owner":2866,"repository":2867,"state":2903,"title":2934,"updated_at":2935,"url":2936,"score":2937},"In my own projects I want to name how I build the component \"Icon\".\r\n\r\nI think as a package it would make way more sense for the component name to be \"NuxtIcon\" with an \"icon\" class instead of just \"Icon\" with name.\r\n\r\nAlso see this:\r\nhttps://vuejs.org/style-guide/rules-essential.html#use-multi-word-component-names\r\n(not super relevant due to how I would use it probably lol)\r\n\r\nI'd like to look at my own codebase and make the icon component custom, like:\r\n\r\n```html\r\n\u003C!-- Icon.vue -->\r\n\u003Ctemplate>\r\n\u003Cdiv class=\"aspect-square rounded-full h-20 text-2xl flex items-center justify-center text-white\">\r\n \u003CNuxtIcon :icon=\"icon\" />\r\n\u003C/div>\r\n\u003C/template>\r\n\r\n\u003Cscript setup>\r\ndefineProps({ icon: String })\r\n\u003C/script>\r\n```",[],174,"Can the Base component be changed to \"NuxtIcon\" instead of \"Icon\" with the \"name\" attribute?","2024-06-26T16:45:07Z","https://github.com/nuxt/icon/issues/174",0.7593544,{"description":2939,"labels":2940,"number":2943,"owner":2866,"repository":2902,"state":2903,"title":2944,"updated_at":2945,"url":2946,"score":2947},"### Description\n\nCan the width of the modal be customized? Currently, I set it globally through the `app\\assets\\css\\main.css` file. However, if I only want to modify the width of a single component, I can't find the place to do it. I tried adding `w-[1000px]` to `UModal`, but it didn't work.\n\n\n\n\n",[2941,2942],{"name":2896,"color":2897},{"name":2899,"color":2900},3041,"Can the width of the modal be customized?","2025-01-08T09:31:14Z","https://github.com/nuxt/ui/issues/3041",0.7595405,{"description":2949,"labels":2950,"number":2951,"owner":2866,"repository":2867,"state":2903,"title":2952,"updated_at":2953,"url":2954,"score":2955},"It might be a good idea to call the \u003CIcon.../> component as \u003CNuxtIcon.../> or \u003CBaseIcon.../> instead by default. \r\n\r\nAre these alternate component name already available as aliases when using the nuxt-icon module?",[],58,"Suggestion: Icon -> NuxtIcon or BaseIcon","2023-03-14T21:38:49Z","https://github.com/nuxt/icon/issues/58",0.76056516,["Reactive",2957],{},["Set"],["ShallowReactive",2960],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fMCBZVSEePbC9NEeVhx5B71DnY5pOCSvFfEflZuFwn1o":-1},"/nuxt/icon/1"]