\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",[2856,2859,2862],{"name":2857,"color":2858},"bug","d73a4a",{"name":2860,"color":2861},"v3","49DCB8",{"name":2863,"color":2864},"triage","ffffff",3633,"nuxt","ui","open","Default padding on `UChip`","2025-03-20T09:21:01Z","https://github.com/nuxt/ui/issues/3633",0.8057539,{"description":2874,"labels":2875,"number":2879,"owner":2866,"repository":2880,"state":2868,"title":2881,"updated_at":2882,"url":2883,"score":2884},"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",[2876],{"name":2877,"color":2878},"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":2886,"labels":2887,"number":2892,"owner":2866,"repository":2893,"state":2894,"title":2895,"updated_at":2896,"url":2897,"score":2898},"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?",[2888,2889],{"name":2857,"color":2858},{"name":2890,"color":2891},"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.73820627,{"description":2900,"labels":2901,"number":2902,"owner":2866,"repository":2880,"state":2894,"title":2903,"updated_at":2904,"url":2905,"score":2906},"",[],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":2908,"labels":2909,"number":217,"owner":2866,"repository":2893,"state":2894,"title":2914,"updated_at":2915,"url":2916,"score":2917},"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",[2910,2911],{"name":2857,"color":2858},{"name":2912,"color":2913},"needs reproduction","C94E53","Allow downloading priority by extensions","2024-09-23T12:02:52Z","https://github.com/nuxt/fonts/issues/135",0.75437385,{"description":2919,"labels":2920,"number":2921,"owner":2866,"repository":2893,"state":2894,"title":2922,"updated_at":2923,"url":2924,"score":2925},"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":2927,"labels":2928,"number":2929,"owner":2866,"repository":2880,"state":2894,"title":2930,"updated_at":2931,"url":2932,"score":2933},"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":2935,"labels":2936,"number":2941,"owner":2866,"repository":2942,"state":2894,"title":2943,"updated_at":2944,"url":2945,"score":2946},"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",[2937,2938],{"name":2857,"color":2858},{"name":2939,"color":2940},"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":2948,"labels":2949,"number":2950,"owner":2866,"repository":2880,"state":2894,"title":2951,"updated_at":2952,"url":2953,"score":2954},"```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":2956,"labels":2957,"number":2958,"owner":2866,"repository":2880,"state":2894,"title":2959,"updated_at":2960,"url":2961,"score":2962},"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.78837854,["Reactive",2964],{},["Set"],["ShallowReactive",2967],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fJF-7qxkY76AwgN_-d1zs9tMUPPDl993ji9kC3gkbiss":-1},"/nuxt/icon/42"]