// LeafIcon is icon component inside components/global\r\n`\r\n\r\nBut when I try to remove/disable suffix for the components folder for auto imports like this in my nuxt.config.ts it is not working (ie. above global icon not working ):\r\n```\r\nexport default defineNuxtConfig({\r\n components: [\r\n {\r\n path: '~/components',\r\n pathPrefix: false\r\n }\r\n ]\r\n)}\r\n```\r\n\r\nI also tried to enable prefix for components/global folder as that might be the issue causing the global icon not being imported.\r\n```\r\nexport default defineNuxtConfig({\r\n components: [\r\n {\r\n path: '~/components',\r\n pathPrefix: false\r\n },\r\n {\r\n path: '~/components/global',\r\n pathPrefix: true\r\n }\r\n ]\r\n)}\r\n```\r\n\r\nEven after doing this I was not able to solve this issue. Is there anything wrong that I have been doing or is it just the issue of nuxt? I just wanted to remove the prefix for components folder as working with larger components nested inside components folder like `components/page/search/TopBanner.vue` would make things complicated as we have to write `\u003CPageSearchTopBanner />` for auto importing that component. Please help on this as I am not able to use the components/global icons for my nuxt-icon.",[],124,"Nuxt Icons unable to resolve the components/global icons when components prefix has been disabled","2024-07-29T16:08:22Z","https://github.com/nuxt/icon/issues/124",0.73263943,{"description":2925,"labels":2926,"number":2929,"owner":2866,"repository":2883,"state":2896,"title":2930,"updated_at":2931,"url":2932,"score":2933},"### Description\n\nHi, I was wondering how to safelist dynamic generated tailwind classes.\n\nCurrently I hardcode an element with theses classes to generate them but I would rather prefer a safelist option somewhere. Is something like this possible?\n\nClasses that need to be compiled:\n`w-[100px] w-[140px] w-[180px] w-[220px] w-[260px] w-[300px]`\n\nCurrent solution with a hidden element:\n`\u003Cspan class=\"hidden w-[100px] w-[140px] w-[180px] w-[220px] w-[260px] w-[300px]\">\u003C/span>`",[2927,2928],{"name":2877,"color":2878},{"name":2880,"color":2881},3795,"How to safelist tailwindcss classes in nuxt 3","2025-04-04T15:19:13Z","https://github.com/nuxt/ui/issues/3795",0.74311143,{"description":2935,"labels":2936,"number":2942,"owner":2866,"repository":2883,"state":2896,"title":2943,"updated_at":2944,"url":2945,"score":2946},"### Environment\n\nWhen navigating to any component on the `ui.nuxt.com` website, it displays a 500 error and fails to show any content.\n\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.2\n\n### Reproduction\n\nhttps://ui.nuxt.com\n\n### Description\n\nWhen using the `ui.nuxt.com` website and navigating to any component, the site 500 errors.\n\n### Additional context\n\nOnly seems to occur on the latest version of firefox, works fine on chrome.\n\n### Logs\n\n```shell-script\n\n```",[2937,2938,2939],{"name":2892,"color":2893},{"name":2880,"color":2881},{"name":2940,"color":2941},"triage","ffffff",3804,"`ui.nuxt.com` 500 errors","2025-04-08T00:51:08Z","https://github.com/nuxt/ui/issues/3804",0.74343926,{"description":2948,"labels":2949,"number":2950,"owner":2866,"repository":2867,"state":2896,"title":2951,"updated_at":2952,"url":2953,"score":2954},"After integrating `@nuxt/icon` into my project, I noticed a significant increase in the build size from approximately **2MB** to **14MB**. This issue persists even though I am not using any `\u003CIcon />` elements in my components. Additionally, I am encountering numerous deprecation warnings related to `@iconify`.\r\n\r\nIt appears that `@nuxt/icon` is downloading all icon collections instead of only the icons being used, leading to the substantial increase in build size.\r\n\r\n\r\n\r\n**Before adding `@nuxt/icon`**\r\n\r\n\r\n\r\n**After adding `@nuxt/icon`, `@iconify-json/heroicons` and `@iconify-json/tabler`**\r\n\r\n\r\n\r\nThe build size should not increase significantly, especially when no `\u003CIcon />` elements are used.\r\n\r\nIf relevant, here are the versions I am using:\r\n```\r\nNuxt Version: 3.12.3\r\n@nuxt/icon Version: ^1.0.0\r\n@iconify-json/heroicons: ^1.1.21\r\n@iconify-json/tabler: ^1.1.116\r\nNode.js Version: v20.13.1\r\n```\r\n\r\nA ton of deprecation warnings like these\r\n`\r\n(node:23176) [DEP0166] DeprecationWarning: Use of deprecated double slash resolving \".//index.cjs\" for module request \".//index.cjs\" matched to \"./*\" in the \"exports\" field module resolution of the package at ...\\node_modules\\@iconify\\vue\\package.json imported from ...\\node_modules\\nuxt-og-image\\dist\\node_modules\\_index.js.\r\n`\r\n\r\n\r\nThank you in advance for your help in fixing this issue! :)",[],188,"Significant Build Size Increase with @nuxt/icon and Deprecation Warnings from @iconify","2024-07-18T22:45:11Z","https://github.com/nuxt/icon/issues/188",0.74776167,{"description":2956,"labels":2957,"number":2960,"owner":2866,"repository":2961,"state":2896,"title":2962,"updated_at":2963,"url":2964,"score":2965},"Modules and Showcases are missing in mobile nav, presumably since migration from .md to Nuxt pages",[2958],{"name":2892,"color":2959},"ff281a",993,"nuxt.com","[Code] Add missing links in mobile nav","2022-12-07T06:20:26Z","https://github.com/nuxt/nuxt.com/issues/993",0.74846953,{"description":2967,"labels":2968,"number":2972,"owner":2866,"repository":2961,"state":2896,"title":2973,"updated_at":2974,"url":2975,"score":2976},"Quote @danielroe : \n> what do you think about defaulting to showing the banner on nuxt.com (e.g. in SSR) and then removing it on load if client prefers not to see it? it causes a significant layout shift in lighthouse tests",[2969],{"name":2970,"color":2971},"performance","5E19B6",1074,"[MN Banner] Improve performance","2022-12-07T09:28:34Z","https://github.com/nuxt/nuxt.com/issues/1074",0.7557046,["Reactive",2978],{},["Set"],["ShallowReactive",2981],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f20UEfs2mV9JkPMCqE-z3_Cehccoh0pSpDJh2Dj5D7X4":-1},"/nuxt/nuxt.com/219"]