\n \u003C/UChip>\n\u003C/template>\n````\n\n### Description\n\nHey,\n\nThanks for your great work.\n\nI have noticed this on a few elements in UI3, but especaily here padding just is not right. Yes of course you can change it, but i belive there needs to be some sane defaults across all elements.\n\nText in chip, and even a simple number is almost unreadable see screenshot below. Happy to open a pr or list all other elements where this seems to have happened (one that comes to mind is UAvatar https://github.com/nuxt/ui/issues/3558).\n\n\n\n### Additional context\n\nThis example is directly from the UI website",[1995,1998,2001],{"name":1996,"color":1997},"bug","d73a4a",{"name":1999,"color":2000},"v3","49DCB8",{"name":2002,"color":2003},"triage","ffffff",3633,"ui","Default padding on `UChip`","2025-03-20T09:21:01Z","https://github.com/nuxt/ui/issues/3633",0.71911454,{"description":2011,"labels":2012,"number":2013,"owner":1985,"repository":1986,"state":1987,"title":2014,"updated_at":2015,"url":2016,"score":2017},"Hi, thanks for this pluggin which is really great.\r\n\r\nI'm using NuxtIcon by integrating it with Vuetify, and I noticed that when a component is hidden and then displayed again (like a menu for example), when it is displayed again I have as many errors in console as icons displayed by the component.\r\n\r\nI have created a StackBlitz that uses Vuetify 3 with Nuxt Icon to reproduce what I encounter on my application.\r\n([https://stackblitz.com/edit/nuxt-starter-uij6h7](https://stackblitz.com/edit/nuxt-starter-uij6h7))\r\nThe steps to reproduce: \r\n- Open the menu\r\n- Close the menu\r\n- Open the menu then click on the 3 dots icon to open the sub menu\r\n- Look at the console\r\n(If it doesn't work the first time you can change pages and try again)\r\n\r\nWhen I comment on the use of the component that wraps NuxtIcon in the` vuetify.ts` plugin I no longer get these warnings.\r\nMaybe I'm not using the vue h() function correctly in the vuetify plugin..\r\n\r\n\u003Cimg width=\"1728\" alt=\"Capture d’écran 2023-01-16 à 12 04 59\" src=\"https://user-images.githubusercontent.com/34127019/212665596-b5b7fc93-243f-4b17-9109-9fd6314353f0.png\">\r\n",[],42,"NuxtIcon + Vuetify - Warning: Slot \"default\" invoked outside of the render function","2024-04-02T16:05:32Z","https://github.com/nuxt/icon/issues/42",0.7546839,{"description":2019,"labels":2020,"number":2024,"owner":1985,"repository":1986,"state":1987,"title":2025,"updated_at":2026,"url":2027,"score":2028},"Is it possible to make \u003CIcon /> work in Storybook? Thank you",[2021],{"name":2022,"color":2023},"question","d876e3",77,"How do we make nuxt-icon work in Storybook?","2025-01-17T10:54:58Z","https://github.com/nuxt/icon/issues/77",0.7607561,{"description":2030,"labels":2031,"number":2032,"owner":1985,"repository":1986,"state":2033,"title":2034,"updated_at":2035,"url":2036,"score":2037},"```vue\r\n\u003CIcon name=\"uil:github\" v-if=\"true\" />\r\n\u003Ctemplate v-if=\"true\">\r\n \u003CIcon name=\"uil:github\" />\r\n\u003C/template>\r\n```\r\nwhen use `Icon` with v-if, the whole icon become tiny samll.\r\n\r\n\r\n",[],81,"closed","size not effective when use v-if","2023-06-06T14:45:00Z","https://github.com/nuxt/icon/issues/81",0.57487804,{"description":2039,"labels":2040,"number":2045,"owner":1985,"repository":2046,"state":2033,"title":2047,"updated_at":2048,"url":2049,"score":2050},"Upgrading to v6.0.2 I get the following errors in the Nuxt Turnstile module:\r\n\r\n```\r\n.nuxt/nuxt-scripts/tpc/google-tag-manager.ts(13,17): error TS2742: The inferred type of 'useScriptGoogleTagManager' cannot be named without a reference to '.pnpm/@unhead+vue@1.9.15_vue@3.4.31_typescript@5.5.3_/node_modules/@unhead/vue'. This is likely not portable. A type annotation is necessary.\r\n.nuxt/nuxt-scripts/tpc/google-tag-manager.ts(6,7): error TS2742: The inferred type of 'OptionSchema' cannot be named without a reference to '.pnpm/valibot@0.36.0/node_modules/valibot'. This is likely not portable. A type annotation is necessary.\r\n.nuxt/nuxt-scripts/tpc/google-tag-manager.ts(6,7): error TS2742: The inferred type of 'OptionSchema' cannot be named without a reference to '.pnpm/valibot@0.36.0/node_modules/valibot'. This is likely not portable. A type annotation is necessary.\r\n.nuxt/nuxt-scripts/tpc/google-analytics.ts(13,17): error TS2742: The inferred type of 'useScriptGoogleAnalytics' cannot be named without a reference to '.pnpm/@unhead+vue@1.9.15_vue@3.4.31_typescript@5.5.3_/node_modules/@unhead/vue'. This is likely not portable. A type annotation is necessary.\r\n.nuxt/nuxt-scripts/tpc/google-analytics.ts(6,7): error TS2742: The inferred type of 'OptionSchema' cannot be named without a reference to '.pnpm/valibot@0.36.0/node_modules/valibot'. This is likely not portable. A type annotation is necessary.\r\n.nuxt/nuxt-scripts/tpc/google-analytics.ts(6,7): error TS2742: The inferred type of 'OptionSchema' cannot be named without a reference to '.pnpm/valibot@0.36.0/node_modules/valibot'. This is likely not portable. A type annotation is necessary.\r\n```\r\n\r\nhttps://github.com/nuxt-modules/turnstile/actions/runs/9820960416/job/27116095724?pr=321#step:14:24",[2041,2042],{"name":1996,"color":1997},{"name":2043,"color":2044},"pre-announce","c2e0c6",133,"scripts","fix(tpc): a type annotation is necessary","2024-07-15T18:18:26Z","https://github.com/nuxt/scripts/issues/133",0.68191695,{"description":2052,"labels":2053,"number":2058,"owner":1985,"repository":2059,"state":2033,"title":2060,"updated_at":2061,"url":2062,"score":2063},"We upgraded a few weeks ago to Nuxt Fonts from [Nuxt Google Fonts](https://google-fonts.nuxtjs.org/) but noticed today our Google fonts are not served in Histoire:\r\n\r\n\r\n\r\n```\r\nFailed to decode downloaded font:\r\n\r\nhttp://localhost:6006/_fonts/RLpWK4fy6r6tOBEJg0IAKzqdFZVZxpMkXJMhnB9XjO1o90LEW8siGqWZ-w-hYuQIDRE3D.woff2\r\n```\r\n\r\nThe Network response is actually HTML, and the Histoire index page itself:\r\n\r\n```html\r\n\u003C!DOCTYPE html>\r\n\u003Chtml>\r\n \u003Chead>\r\n \u003Cscript type=\"module\" src=\"/@vite/client\">\u003C/script>\r\n\r\n \u003Ctitle>\u003C/title>\r\n \u003Clink rel=\"icon\" href=\"\"/>\r\n \u003Cmeta charset=\"utf-8\">\r\n \u003Cmeta name=\"viewport\" content=\"width=device-width,initial-scale=1\">\r\n \u003Cmeta name=\"description\" content=\"\">\r\n \r\n \u003C/head>\r\n \u003Cbody>\r\n \u003Cdiv id=\"app\">\u003C/div>\r\n \u003Cscript type=\"module\" src=\"/@fs/Volumes/Data/Work/Clients/Forgd/forgd/node_modules/@histoire/app/dist/bundle-main.js\">\u003C/script>\r\n \u003C/body>\r\n\u003C/html>\r\n```\r\n\r\nThis is the change in requests from package to package:\r\n\r\n```\r\n// before, served from here:\r\nhttp://localhost:6006/node_modules/.cache/nuxt-google-fonts/fonts/Sora-300-12.woff2\r\n\r\n// after, server from here:\r\nhttp://localhost:6006/_fonts/aFTU7PB1QTsUX8KYthqQBK6PYK0-hqxt3dDpcK.woff2\r\n```\r\n\r\nThe only other special thing is that our project uses NX as a monorepo.\r\n\r\nAny ideas?",[2054,2055],{"name":1996,"color":1997},{"name":2056,"color":2057},"good first issue","7057ff",240,"fonts","Nuxt Fonts not loading in Histoire","2024-09-23T14:00:55Z","https://github.com/nuxt/fonts/issues/240",0.7260496,{"description":2065,"labels":2066,"number":2067,"owner":1985,"repository":1986,"state":2033,"title":2068,"updated_at":2069,"url":2070,"score":2071},"",[],319,"Request to the server bundled icon is return randomly icons on production website","2024-12-10T16:10:36Z","https://github.com/nuxt/icon/issues/319",0.7346234,{"description":2073,"labels":2074,"number":2075,"owner":1985,"repository":2059,"state":2033,"title":2076,"updated_at":2077,"url":2078,"score":2079},"Now that TailwindCSS v4 is going stable, we should better support it.\n\n- [x] **Playground**: Add TailwindCSS v4 example. It'd be ideal if we can find a way to keep v3 and v4 in one npm project.\n- [x] **Test**: Test for TailwindCSS v4\n- [ ] Auto enable `experimental.processCSSVariables` if Tailwind v4 is detected (i.e. `@tailwindcss/vite` is installed)",[],468,"TailwindCSS v4","2025-03-10T13:13:24Z","https://github.com/nuxt/fonts/issues/468",0.74226505,{"description":2081,"labels":2082,"number":2086,"owner":1985,"repository":2087,"state":2033,"title":2088,"updated_at":2089,"url":2090,"score":2091},"Respectively to `contact@nuxt.com` / `support@nuxt.com` / `careers@nuxt.com`",[2083],{"name":2084,"color":2085},"enhancement","1ad6ff",503,"nuxt.com","[Company] `contact` / `support` / `careers` forms should send an email","2023-02-15T12:32:26Z","https://github.com/nuxt/nuxt.com/issues/503",0.7436875,["Reactive",2093],{},["Set"],["ShallowReactive",2096],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"91caCVBKG7gwya1Yt4JoIfSCoFzYNmyuLDbrX7gebDw":-1},"/nuxt/fonts/135"]