\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,1999,2002],{"name":1985,"color":1986},{"name":2000,"color":2001},"v3","49DCB8",{"name":2003,"color":2004},"triage","ffffff",3633,"ui","Default padding on `UChip`","2025-03-20T09:21:01Z","https://github.com/nuxt/ui/issues/3633",0.75783026,{"description":2012,"labels":2013,"number":2014,"owner":1988,"repository":2015,"state":1990,"title":2016,"updated_at":2017,"url":2018,"score":2019},"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,"icon","NuxtIcon + Vuetify - Warning: Slot \"default\" invoked outside of the render function","2024-04-02T16:05:32Z","https://github.com/nuxt/icon/issues/42",0.7595659,{"description":2021,"labels":2022,"number":2026,"owner":1988,"repository":2015,"state":1990,"title":2027,"updated_at":2028,"url":2029,"score":2030},"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",[2023],{"name":2024,"color":2025},"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.7631868,{"description":2032,"labels":2033,"number":2038,"owner":1988,"repository":2039,"state":2040,"title":2041,"updated_at":2042,"url":2043,"score":2044},"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",[2034,2035],{"name":1985,"color":1986},{"name":2036,"color":2037},"needs reproduction","C94E53",135,"fonts","closed","Allow downloading priority by extensions","2024-09-23T12:02:52Z","https://github.com/nuxt/fonts/issues/135",0.7353212,{"description":2046,"labels":2047,"number":1987,"owner":1988,"repository":2051,"state":2040,"title":2052,"updated_at":2053,"url":2054,"score":1994},"Blocked by #720 ",[2048],{"name":2049,"color":2050},"enhancement","1ad6ff","nuxt.com","[Community] Nuxters filter to select community only","2022-07-25T13:34:54Z","https://github.com/nuxt/nuxt.com/issues/684",{"description":2056,"labels":2057,"number":2058,"owner":1988,"repository":2015,"state":2040,"title":2059,"updated_at":2060,"url":2061,"score":2062},"\"i-material-symbols-light-mode-outline\" parses incorrectly as `material-symbols-light:mode-outline` (note the position of the colon in the string) instead of `material-symbols:light-mode-outline`\n\n`\u003CIcon name=\"i-material-symbols-light-mode-outline\" />` doesn't work. // uses unocss format\n`\u003CIcon name=\"material-symbols:light-mode-outline\" />` works fine. // iconify format\n\n**Reproduction**\n\nhttps://stackblitz.com/edit/nuxt-icon-playground-dcclkm?file=app.vue\n\nThank you for looking into this. Cheers! ",[],303,"Icon name in unocss format is getting parsed incorrectly","2024-11-20T15:10:06Z","https://github.com/nuxt/icon/issues/303",0.7389198,{"description":2064,"labels":2065,"number":2072,"owner":1988,"repository":1988,"state":2040,"title":2073,"updated_at":2074,"url":2075,"score":2076},"### Environment\r\n\r\n- Operating System: Linux (1vCPU 2GiB)\r\n- Docker Version: 23.0.1\r\n- Node Version: 18.16.0-alpine\r\n- Nuxt Version: 3.6.2\r\n- Nitro Version: 2.5.2\r\n- Package Manager: npm@9.8.0\r\n- Builder: vite\r\n- Vite Version: 4.3.9\r\n- User Config: ssr, telemetry, typescript, devServer, runtimeConfig, nitro, app, css, components, modules, content, vite\r\n- Runtime Modules: @nuxt/content@2.7.0, @vueuse/nuxt@10.2.0\r\n- Build Modules: -\r\n\r\n### Reproduction\r\n\r\n```json\r\n// package.json\r\n{\r\n \"private\": true,\r\n \"scripts\": {\r\n \"dev\": \"nuxt dev\",\r\n \"build\": \"nuxt build\",\r\n \"start\": \"node .output/server/index.mjs\",\r\n \"preview\": \"nuxt preview\",\r\n \"generate\": \"nuxt generate\",\r\n \"postinstall\": \"nuxt prepare\"\r\n },\r\n \"dependencies\": {\r\n \"@nuxt/content\": \"^2.7.0\",\r\n \"@types/node\": \"^20.4.2\",\r\n \"@vueuse/nuxt\": \"^10.2.1\",\r\n \"element-plus\": \"^2.3.7\",\r\n \"jswx\": \"^1.6.0\",\r\n \"nuxt\": \"^3.6.2\",\r\n \"pdfjs-dist\": \"^3.8.162\",\r\n \"sass\": \"^1.63.6\",\r\n \"typescript\": \"^5.1.6\",\r\n \"vite-plugin-compression\": \"^0.5.1\",\r\n \"vue-tsc\": \"^1.8.4\"\r\n },\r\n \"devDependencies\": {\r\n \"@nuxtjs/eslint-config-typescript\": \"^12.0.0\",\r\n \"eslint\": \"^8.44.0\",\r\n \"eslint-config-prettier\": \"^8.8.0\",\r\n \"eslint-plugin-nuxt\": \"^4.0.0\"\r\n }\r\n}\r\n```\r\n```docker\r\n// Dockerfile\r\nFROM node:18.16.0-alpine\r\nRUN mkdir -p /app\r\nCOPY . /app\r\nWORKDIR /app\r\nRUN npm config set registry https://registry.npm.taobao.org\r\nRUN npm install\r\nRUN npm run build\r\nENV host 0.0.0.0\r\nEXPOSE 3000\r\nCMD [\"npm\", \"start\"]\r\n```\r\n```bash\r\ndocker build -t tiger:latest .\r\n```\r\n\r\n### Describe the bug\r\n\r\n```bash\r\n# docker build -t tiger:latest .\r\n[+] Building 50.5s (10/11) \r\n => [internal] load build definition from Dockerfile 0.1s\r\n => => transferring dockerfile: 250B 0.0s\r\n => [internal] load .dockerignore 0.0s\r\n => => transferring context: 2B 0.0s\r\n => [internal] load metadata for docker.io/library/node:18.16.0-alpine 1.5s\r\n => [1/7] FROM docker.io/library/node:18.16.0-alpine@sha256:9036ddb8252ba7089c2c83eb2b0dcaf74ff1069e8ddf86fe2bd6dc5fec 0.0s\r\n => [internal] load build context 0.0s\r\n => => transferring context: 3.53kB 0.0s\r\n => CACHED [2/7] RUN mkdir -p /app 0.0s\r\n => CACHED [3/7] COPY . /app 0.0s\r\n => CACHED [4/7] WORKDIR /app 0.0s\r\n => CACHED [5/7] RUN npm config set registry https://registry.npm.taobao.org 0.0s\r\n => CACHED [6/7] RUN npm install 0.0s\r\n => [7/7] RUN npm run build 48.7s\r\n => => # ℹ client/_nuxt/entry.bfaafd04.js.gz 332.59kb / gzip: 120.23kb \r\n => => # ℹ \r\n => => # ✔ Client built in 37118ms \r\n => => # ℹ Building server... \r\n => => # ℹ vite v4.3.9 building SSR bundle for production... \r\n => => # ℹ transforming... \r\nKilled\r\n```\r\n**It always fails and blocks the server, and 100% cpu and memory usage.**\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[2066,2069],{"name":2067,"color":2068},"3.x","29bc7f",{"name":2070,"color":2071},"pending triage","E99695",22115,"100% cpu and memory usage when execute 'docker build'","2023-07-13T11:42:45Z","https://github.com/nuxt/nuxt/issues/22115",0.7477419,{"description":2078,"labels":2079,"number":2080,"owner":1988,"repository":2015,"state":2040,"title":2081,"updated_at":2082,"url":2083,"score":2084},"Hi @antfu \n\nThanks for this great lib. \n\nWhen using ssr icons take ages to load. For eg if I have a toast with an icon, toast shows and then only a second or so later icon shows. Have I missed something?\n\nAm just using nuxt/icon as part of Nuxt UI\n\nRegards",[],233,"Icons Load on SSR Slow","2024-08-27T10:36:59Z","https://github.com/nuxt/icon/issues/233",0.75072956,{"labels":2086,"number":2090,"owner":1988,"repository":1988,"state":2040,"title":2091,"updated_at":2092,"url":2093,"score":2094},[2087],{"name":2088,"color":2089},"2.x","d4c5f9",6493,"improve build time on CI ( cache )","2023-01-18T21:49:16Z","https://github.com/nuxt/nuxt/issues/6493",0.7511875,["Reactive",2096],{},["Set"],["ShallowReactive",2099],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"07LmQgfjvbL8B7YuXAXH5lQNyV0q7AhQjhc3RPcOVEo":-1},"/nuxt/icon/288"]