\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",[3137,3140,3143],{"name":3138,"color":3139},"bug","d73a4a",{"name":3141,"color":3142},"v3","49DCB8",{"name":3144,"color":3145},"triage","ffffff",3633,"nuxt","ui","open","Default padding on `UChip`","2025-03-20T09:21:01Z","https://github.com/nuxt/ui/issues/3633",0.80575395,{"description":3155,"labels":3156,"number":3160,"owner":3147,"repository":3161,"state":3149,"title":3162,"updated_at":3163,"url":3164,"score":3165},"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",[3157],{"name":3158,"color":3159},"question","d876e3",255,"icon","Empty SVG tags when using renderToString() for the first time","2024-10-28T13:38:30Z","https://github.com/nuxt/icon/issues/255",0.8077315,{"description":3167,"labels":3168,"number":3173,"owner":3147,"repository":3174,"state":3175,"title":3176,"updated_at":3177,"url":3178,"score":3179},"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?",[3169,3170],{"name":3138,"color":3139},{"name":3171,"color":3172},"good first issue","7057ff",240,"fonts","closed","Nuxt Fonts not loading in Histoire","2024-09-23T14:00:55Z","https://github.com/nuxt/fonts/issues/240",0.7382063,{"description":3181,"labels":3182,"number":3183,"owner":3147,"repository":3161,"state":3175,"title":3184,"updated_at":3185,"url":3186,"score":3187},"",[],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.75218904,{"description":3189,"labels":3190,"number":3195,"owner":3147,"repository":3174,"state":3175,"title":3196,"updated_at":3197,"url":3198,"score":3199},"Is it possible to specify the priority of downloading files by their extension (woff 2, woff, tff)? Now, if a folder contains both ttf and woff2 at the same time, then the module loads tff. Or do I only need to store fonts in woff2 format?\r\n\r\n\r\n\r\n",[3191,3192],{"name":3138,"color":3139},{"name":3193,"color":3194},"needs reproduction","C94E53",135,"Allow downloading priority by extensions","2024-09-23T12:02:52Z","https://github.com/nuxt/fonts/issues/135",0.75437385,{"description":3201,"labels":3202,"number":3203,"owner":3147,"repository":3174,"state":3175,"title":3204,"updated_at":3205,"url":3206,"score":3207},"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,"Two local fonts familly, Only one legible","2024-05-30T21:18:42Z","https://github.com/nuxt/fonts/issues/165",0.76234114,{"description":3209,"labels":3210,"number":3211,"owner":3147,"repository":3161,"state":3175,"title":3212,"updated_at":3213,"url":3214,"score":3215},"Sometimes in Nuxt Content, icons are used in the [`_dir.yml`](https://content.nuxt.com/usage/navigation#custom-keys) files, which will escape file scanner when using `clientBundle.scan`.\n\nhttps://github.com/nuxt/icon/blob/0939395def276ffb21862bdb79f0211d2e9aa47b/src/scan.ts#L15-L20\n\nCan we add a `.yml` suffix to `globInclude` or perhaps add a config for this.\n",[],288,"[Feature] include `.yml` files in `scanSourceFiles` for `clientBundle.scan`","2024-10-25T03:49:02Z","https://github.com/nuxt/icon/issues/288",0.7682425,{"description":3217,"labels":3218,"number":3223,"owner":3147,"repository":3224,"state":3175,"title":3225,"updated_at":3226,"url":3227,"score":3228},"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",[3219,3220],{"name":3138,"color":3139},{"name":3221,"color":3222},"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.77046174,{"description":3230,"labels":3231,"number":3232,"owner":3147,"repository":3161,"state":3175,"title":3233,"updated_at":3234,"url":3235,"score":3236},"```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,"size not effective when use v-if","2023-06-06T14:45:00Z","https://github.com/nuxt/icon/issues/81",0.7833943,{"description":3238,"labels":3239,"number":3240,"owner":3147,"repository":3161,"state":3175,"title":3241,"updated_at":3242,"url":3243,"score":3244},"The JSDOC comment for it says that the default also includes TS and JS files, but the actual implementation doesn't.\r\n\r\nJSDOC default: `**/*.{vue,js,ts,jsx,tsx,md,mdc,mdx}`\r\nImplementation: `**/*.{vue,jsx,tsx,md,mdc,mdx}`",[],247,"`clientBundle.scan.globInclude` missing `ts` and `js` files","2024-08-27T22:50:17Z","https://github.com/nuxt/icon/issues/247",0.7883786,["Reactive",3246],{},["Set"],["ShallowReactive",3249],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fJF-7qxkY76AwgN_-d1zs9tMUPPDl993ji9kC3gkbiss":-1},"/nuxt/icon/42"]