\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",[1998,2001,2004],{"name":1999,"color":2000},"bug","d73a4a",{"name":2002,"color":2003},"v3","49DCB8",{"name":2005,"color":2006},"triage","ffffff",3633,"ui","Default padding on `UChip`","2025-03-20T09:21:01Z","https://github.com/nuxt/ui/issues/3633",0.73964894,{"description":2014,"labels":2015,"number":2016,"owner":1988,"repository":2017,"state":1990,"title":2018,"updated_at":2019,"url":2020,"score":2021},"I added @nuxt/icon to my project. In the project it is working fine but in histoire it is not working.\r\nIn histoire it is not able to render the stories that contain components that use @nuxt/icon.\r\n\r\nOn devtools console you always see the error:\r\n\u003Cimg width=\"654\" alt=\"Bildschirmfoto 2024-07-22 um 21 10 24\" src=\"https://github.com/user-attachments/assets/4793e76d-e549-4712-bdfc-dc230c1cb56f\">\r\n\r\nit doesn't matter if mode is css or svg, it doesn't matter if from iconify icon libs, global components or custom collections, it is simple not able to work with it. The error is always the same.\r\n\r\nHere is a reproduction: https://stackblitz.com/edit/nuxt-starter-kckxy8\r\nrun the histoire to see the story not getting rendered and the console error in devtools.\r\n\r\nPlease help!",[],212,"icon","@nuxt/icon not working in histoire with mode \"svg\"","2024-08-11T05:45:02Z","https://github.com/nuxt/icon/issues/212",0.7548155,{"description":2023,"labels":2024,"number":2025,"owner":1988,"repository":2017,"state":1990,"title":2026,"updated_at":2027,"url":2028,"score":2029},"\nOn the SVG tag, I don't want this method to be displayed. In fact, this method is also useless for SVG.",[],370,"Writing a custom icon component using the customize method causes the rendered SVG to include this method, resulting in an increased overall page size.","2025-03-14T04:20:02Z","https://github.com/nuxt/icon/issues/370",0.76089627,{"description":2031,"labels":2032,"number":2036,"owner":1988,"repository":2017,"state":1990,"title":2037,"updated_at":2038,"url":2039,"score":2040},"I render a component including icons (with mode svg) to html code to be shown in eBay descriptions:\n\n```ts\nimport { renderToString } from '@vue/server-renderer';\nimport { MyComponent } from '#components';\n\nonMounted(async () => {\n await renderToString(\n h(MyComponent, {\n prop1: 'hello',\n }),\n );\n})\n```\n\nSince I updated to 1.4.x the icons are not working anymore. The svg tags are just empty.\n\nI tried out a lot and found out that the svg tags are just empty on first call of renderToString(). But they are visible when one of this conditions is true:\n\n* When changing something on the page and Nuxt is refreshing (without refreshing the browser window)\n* If I call it twice with a little delay between the icons are working correctly\n* If I have the same icon visible on the page already",[2033],{"name":2034,"color":2035},"question","d876e3",255,"Empty SVG tags when using renderToString() for the first time","2024-10-28T13:38:30Z","https://github.com/nuxt/icon/issues/255",0.7623169,{"description":2042,"labels":2043,"number":2044,"owner":1988,"repository":2017,"state":1990,"title":2045,"updated_at":2046,"url":2047,"score":2048},"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.7663505,{"description":2050,"labels":2051,"number":2053,"owner":1988,"repository":2017,"state":1990,"title":2054,"updated_at":2055,"url":2056,"score":2057},"Is it possible to make \u003CIcon /> work in Storybook? Thank you",[2052],{"name":2034,"color":2035},77,"How do we make nuxt-icon work in Storybook?","2025-01-17T10:54:58Z","https://github.com/nuxt/icon/issues/77",0.76657224,{"description":2059,"labels":2060,"number":2061,"owner":1988,"repository":1989,"state":2062,"title":2063,"updated_at":2064,"url":2065,"score":2066},"Here is my config code\r\n\r\n```\r\nfamilies: [\r\n {\r\n name: 'Display',\r\n src: '/fonts/Display/',\r\n weights: ['200', '300', '400', '500', '700', '900'],\r\n display: 'swap',\r\n },\r\n {\r\n name: 'Narr',\r\n src: '/fonts/Narr/',\r\n weights: ['100', '300', '400', '500', '700', '900'],\r\n display: 'swap',\r\n },\r\n ],\r\n```\r\nand this structure of my font file\r\n\r\n\u003Cimg width=\"347\" alt=\"image\" src=\"https://github.com/nuxt/fonts/assets/19503892/ca4df9b5-7d5a-4193-b79b-1a3a3b406737\">\r\n\r\n\r\n\r\n**The Narr font is already readable**, and the display font not readable like this.\r\n\r\n\r\n\u003Cimg width=\"796\" alt=\"image\" src=\"https://github.com/nuxt/fonts/assets/19503892/61f3d912-b63c-40a6-b1c1-0825543fe23e\">",[],165,"closed","Two local fonts familly, Only one legible","2024-05-30T21:18:42Z","https://github.com/nuxt/fonts/issues/165",0.7323413,{"description":2068,"labels":2069,"number":2071,"owner":1988,"repository":2072,"state":2062,"title":2073,"updated_at":2074,"url":2075,"score":2076},"### 🐛 The bug\n\nAfter updating to the latest version of @nuxt/scripts (v0.10.3), the embedded YouTube player is no longer visible.\n\n### 🛠️ To reproduce\n\nhttps://scripts.nuxt.com/scripts/content/youtube-player\n\n### 🌈 Expected behavior\n\n.\n\n### ℹ️ Additional context\n\n_No response_",[2070],{"name":1999,"color":2000},393,"scripts","YouTube player is invisible with the latest version","2025-02-18T21:56:53Z","https://github.com/nuxt/scripts/issues/393",0.73736525,{"description":2078,"labels":2079,"number":2084,"owner":1988,"repository":2072,"state":2062,"title":2085,"updated_at":2086,"url":2087,"score":2088},"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",[2080,2081],{"name":1999,"color":2000},{"name":2082,"color":2083},"pre-announce","c2e0c6",133,"fix(tpc): a type annotation is necessary","2024-07-15T18:18:26Z","https://github.com/nuxt/scripts/issues/133",0.74338156,["Reactive",2090],{},["Set"],["ShallowReactive",2093],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"Y0JfE8ArFpQ1e7lQhd9e4g2QUv_XQQrpeYu5xw4d7Wo":-1},"/nuxt/icon/319"]