\r\n Loading\r\n \u003C/div>\r\n \u003C/template>\r\n \u003Cdiv class=\"content\" ref=\"someRef\">\r\n This text should NOT be large!\r\n Remove the \u003Cpre>ref=\"someRef\"\u003C/pre> from the parent and it works\r\n \u003C/div>\r\n \u003C/ClientOnly>\r\n\u003C/template>\r\n```\r\n\r\n**Expected behaviour when loading the page:**\r\nA big loading spinner, and, when everything is done loading, some normal text, like this:\r\n\r\n\r\n**Instead,** you get this:\r\n\r\n\r\nWhen you remove the `ref=\"someRef\"` from the content div, it works as expected",[],129,"nuxt","icon","open","Unexpected behaviour when using an Icon within ClientOnly fallback","2023-12-18T12:08:48Z","https://github.com/nuxt/icon/issues/129",0.72782373,{"description":1993,"labels":1994,"number":1998,"owner":1985,"repository":1986,"state":1987,"title":1999,"updated_at":2000,"url":2001,"score":2002},"Hi there, thanks for the cool module.\r\n\r\nI was wondering if it is possible to nest custom SVG icons inside folders? \r\n\r\n**Editing OP to make it more clear:**\r\n\r\n--- \r\n\r\nAfter some experimenting with the playground in the repo I understand the intended pattern now.\r\n\r\n1. Default pattern\r\n\r\n```js\r\n// Assuming: `components/global/MyIcon.vue`\r\n\r\n\u003CIcon name=\"MyIcon\" /> \r\n```\r\n\r\n2. If you want to have `\u003CIcon>` load an **SFC** that is nested in folders - that's easy:\r\n\r\n```js\r\n// Assuming: `components/global/CoolStuff/MyIcon.vue`\r\n\r\n\u003CIcon name=\"CoolStuffMyIcon\" /> \r\n```\r\n\r\n3. However, if you have an elaborate set of custom icons (`.svg` extension) that are organized in folders, you would currently need an individual `.vue` icon to go along with every single one.\r\n\r\n```js\r\n// Assuming: `{public|assets}/icons/brand/MyIcon.svg\r\n// Assuming: `components/global/icons/brand/MyIcon.vue`\r\n\r\n// Assuming: `{public|assets}/icons/brand/MyOtherIcon.svg\r\n// Assuming: `components/global/icons/brand/MyOtherIcon.vue`\r\n\r\n\u003CIcon name=\"IconsBrandMyIcon\" />\r\n\u003CIcon name=\"IconsBrandMyOtherIcon\" />\r\n\r\n// etc.\r\n```\r\n\r\nThis means you need to manage a folder of SVGs as well as their matching SFCs. \r\n\r\nIs there a solution?",[1995],{"name":1996,"color":1997},"enhancement","a2eeef",75,"Feature request: A way to manage custom SVGs that are nested inside folders.","2023-08-07T11:42:42Z","https://github.com/nuxt/icon/issues/75",0.76517636,{"description":2004,"labels":2005,"number":2006,"owner":1985,"repository":1986,"state":1987,"title":2007,"updated_at":2008,"url":2009,"score":2010},"I want to share common icons between projects using nuxt layers. I would prefer to keep my icons in svg files. Unfortunately, the `nuxt-icons` module does not meet my expectations (import all icons), so I decided to use your solution.\r\n\r\nWhen I hold the icon in `/components/global` everything works great. Unfortunately, when I keep this icon in a nuxt layer, I get a string with the name instead of the icon.\r\n\r\nI would also love to be able to use `param-case` in the `name` property.\r\n\r\nReproduction: https://stackblitz.com/edit/github-qddkmm?file=base/nuxt.config.ts",[],48,"Can't use svg icons from nuxt layer","2024-05-07T08:36:47Z","https://github.com/nuxt/icon/issues/48",0.77181846,{"description":2012,"labels":2013,"number":2014,"owner":1985,"repository":1986,"state":2015,"title":2016,"updated_at":2017,"url":2018,"score":2019},"\r\n\r\n\r\n\r\n",[],78,"closed","Excuse me, when v-for performs list rendering, the icon name will appear. May I ask what may be the problem. Thanks","2023-05-10T09:55:26Z","https://github.com/nuxt/icon/issues/78",0.72790444,{"description":2021,"labels":2022,"number":2023,"owner":1985,"repository":1986,"state":2015,"title":2024,"updated_at":2025,"url":2026,"score":2027},"\r\nIcons are not being rendered in the SSR part\r\n\r\n\r\n\r\nSource Code\r\n\r\n\r\nIn the Vue part (client) it works correctly\r\n\r\nnpx nuxi info\r\n`- Operating System: `Linux`\r\n- Node Version: `v18.12.1`\r\n- Nuxt Version: `3.0.0`\r\n- Nitro Version: `1.0.0`\r\n- Package Manager: `npm@8.19.2`\r\n- Builder: `vite`\r\n- User Config: `srcDir`, `modules`, `tailwindcss`, `vite`, `schemaOrg`, `telemetry`, `algolia`, `head`, `auth`, `viewport`, `css`, `build`, `runtimeConfig`\r\n- Runtime Modules: `genesis-design-system/nuxt`, `@nuxtjs/algolia@1.3.1`, `@nuxtjs/tailwindcss@6.1.3`, `formidable@2.1.1`, `@nuxtjs-alt/auth@2.1.6`, `@nuxtjs-alt/http@1.5.4`, `nuxt-viewport@2.0.3`, `@nuxtjs/partytown@1.3.0`, `@vueuse/nuxt@9.6.0`, `@nuxtjs/i18n-edge@8.0.0-beta.4-27812700.b832f07`, `nuxt-schema-org@1.1.0-beta.6`, `nuxt-icon@0.1.8`, `@pinia/nuxt@0.4.6`, `@nuxtjs/i18n@8.0.0-beta.6`\r\n- Build Modules: `-`\r\n`",[],35,"Icons not render in SSR side (Node)","2022-12-22T11:02:18Z","https://github.com/nuxt/icon/issues/35",0.73856884,{"description":2029,"labels":2030,"number":2023,"owner":1985,"repository":2031,"state":2015,"title":2032,"updated_at":2033,"url":2034,"score":2027},"",[],"nuxt.com","Register page with `email` / `password` + github connect","2023-02-15T12:31:38Z","https://github.com/nuxt/nuxt.com/issues/35",{"description":2036,"labels":2037,"number":2044,"owner":1985,"repository":1985,"state":2015,"title":2045,"updated_at":2046,"url":2047,"score":2048},"### Version\n\n[v1.4.2](https://github.com/nuxt.js/releases/tag/v1.4.2)\n\n### Reproduction link\n\n[https://github.com/agrajak/nuxt_text_recruit](https://github.com/agrajak/nuxt_text_recruit)\n\n### Steps to reproduce\n\nnuxt generate.\nmy static website is hosted in https://agrajak-8d93e.firebaseapp.com/\n\n\n### What is expected ?\n\nIn pages/index.vue, When I see my site with Chrome Developer Tools, Every \u003Cfont-awesome-icon> should be rendered to \u003Csvg ~~~> \n\n\n\n\n\n### What is actually happening?\n\nsome of \u003Cfont-awesome-icon> are rendered to \u003Csvg ~>(in .sticky-nav, you can see it when you scroll down) \nand the others are still rendered to \u003Cfont-awesome-icon> and also show nothing. (in top component)\n\n\n\n\n\n\n### Additional comments?\n\nSite works pretty well in nuxt start.\nI also checked turning off SSR options in nuxt.config.js\n\n {src: '~plugins/fullpage', ssr: false}\nand font-awesome librarys are declared in plugins/fullpage.js\n\nIf this issue is not a bug, just let me know how to fix it.\nthank you.\n\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This bug report is available on \u003Ca href=\"https://cmty.app/nuxt\">Nuxt\u003C/a> community (\u003Ca href=\"https://cmty.app/nuxt/nuxt.js/issues/c7640\">#c7640\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2038,2041],{"name":2039,"color":2040},"pending triage","E99695",{"name":2042,"color":2043},"2.x","d4c5f9",3808,"nuxt generate doesn't render every components","2023-01-22T15:30:05Z","https://github.com/nuxt/nuxt/issues/3808",0.7420753,{"description":2050,"labels":2051,"number":2059,"owner":1985,"repository":1985,"state":2015,"title":2060,"updated_at":2061,"url":2062,"score":2063},"\n### Environment\n\nNuxt project info: \n\n------------------------------\n- Operating System: Linux\n- Node Version: v20.15.1\n- Nuxt Version: 3.13.2\n- CLI Version: 3.13.2\n- Nitro Version: 2.9.7\n- Package Manager: bun@1.1.8\n- Builder: -\n- User Config: experimental, runtimeConfig, build, devtools, nitro, routeRules, plugins, modules, eslint, pinia, site, delayHydration, i18n, icon, app, content, svgo, sitemap, googleFonts, image, mdc, htmlValidator, compatibilityDate\n- Runtime Modules: @nuxt/ui@2.18.4, @nuxt/image@1.8.0, @nuxt/content@2.13.2, @nuxt/eslint@0.5.7, @nuxtjs/google-fonts@3.2.0, @nuxtjs/fontaine@0.4.3, @nuxtjs/i18n@8.5.5, @nuxtjs/mdc@0.8.3, @nuxtjs/sitemap@6.1.0, @nuxtjs/html-validator@1.8.2, nuxt-delay-hydration@1.3.8, nuxt-svgo@4.0.6, @vueuse/nuxt@11.1.0, @vueuse/motion/nuxt@2.2.5, @pinia/nuxt@0.5.4, @nuxthq/studio@2.0.3, @nuxt/icon@1.5.1, @formkit/auto-animate/nuxt@0.8.2\n- Build Modules: -\n------------------------------\n\n### Reproduction\n\nGithub to reproduction: https://github.com/hoachnt/hoachnt-web\n\n### Describe the bug\n\nI don't know what problem is. I try to fix this bug 2 months and think that problem is in nuxt. And yep I saw in the official website of nuxt has same problem\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2052,2053,2056],{"name":2039,"color":2040},{"name":2054,"color":2055},"needs reproduction","FBCA04",{"name":2057,"color":2058},"possible regression","B90A42",29387,"Icons not rendering on production build when mounting","2024-10-15T06:27:30Z","https://github.com/nuxt/nuxt/issues/29387",0.7435877,{"description":2065,"labels":2066,"number":2069,"owner":1985,"repository":1985,"state":2015,"title":2070,"updated_at":2071,"url":2072,"score":2073},"### Version\n\n[v1.4.0](https://github.com/nuxt.js/releases/tag/v1.4.0)\n\n### Reproduction link\n\n[https://jsfiddle.net/2qzmfh9d/2/](https://jsfiddle.net/2qzmfh9d/2/)\n\n### Steps to reproduce\n\nChange the router base property to be '/here-and-now'\n\nPlace the large SVG from the fiddle into the static directory.\n\nThen try to use it in a Vue component by referencing `\u003Csvg>\u003Cuse xlink:href=\"~/static/symbols.svg#arrow--tail--right\">\u003C/use>\u003C/svg>`\n\n### What is expected ?\n\nExpect it to render here-and-now/_nuxt/img/symbols.svg#arrow--tail--right\n\n### What is actually happening?\n\nrenders ~static/symbols.svg#arrow--tail--right\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This bug report is available on \u003Ca href=\"https://cmty.app/nuxt\">Nuxt\u003C/a> community (\u003Ca href=\"https://cmty.app/nuxt/nuxt.js/issues/c7215\">#c7215\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2067,2068],{"name":2039,"color":2040},{"name":2042,"color":2043},3423,"SVG paths do not render from static","2023-01-22T15:30:04Z","https://github.com/nuxt/nuxt/issues/3423",0.7473814,{"description":2075,"labels":2076,"number":2077,"owner":1985,"repository":1986,"state":2015,"title":2078,"updated_at":2079,"url":2080,"score":2081},"I see that there are a few default styles added in this, which actually make the icons behave differently than it should. \r\nhttps://github.com/nuxt-modules/icon/blob/4ecfd3a4672505799aa040176da9bf737f6b5f9a/src/runtime/Icon.vue#LL56-L61C2\r\n\r\n```html\r\n\u003Cstyle scoped>\r\n.icon {\r\n display: inline-block;\r\n vertical-align: middle;\r\n}\r\n\u003C/style>\r\n```\r\n",[],24,"Remove default styles and make it headless","2023-01-12T09:48:31Z","https://github.com/nuxt/icon/issues/24",0.75414544,["Reactive",2083],{},["Set"],["ShallowReactive",2086],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"dmo-ToLMsVpvQMq-Nj03ICHJ3d7w1UuZGH3ZE7OHi0c":-1},"/nuxt/icon/8"]