// 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":3079,"labels":3080,"number":3083,"owner":3020,"repository":3037,"state":3050,"title":3084,"updated_at":3085,"url":3086,"score":3087},"### 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>`",[3081,3082],{"name":3031,"color":3032},{"name":3034,"color":3035},3795,"How to safelist tailwindcss classes in nuxt 3","2025-04-04T15:19:13Z","https://github.com/nuxt/ui/issues/3795",0.74311143,{"description":3089,"labels":3090,"number":3096,"owner":3020,"repository":3037,"state":3050,"title":3097,"updated_at":3098,"url":3099,"score":3100},"### 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```",[3091,3092,3093],{"name":3046,"color":3047},{"name":3034,"color":3035},{"name":3094,"color":3095},"triage","ffffff",3804,"`ui.nuxt.com` 500 errors","2025-04-08T00:51:08Z","https://github.com/nuxt/ui/issues/3804",0.74343926,{"description":3102,"labels":3103,"number":3104,"owner":3020,"repository":3021,"state":3050,"title":3105,"updated_at":3106,"url":3107,"score":3108},"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.7477616,{"description":3110,"labels":3111,"number":3114,"owner":3020,"repository":3115,"state":3050,"title":3116,"updated_at":3117,"url":3118,"score":3119},"Modules and Showcases are missing in mobile nav, presumably since migration from .md to Nuxt pages",[3112],{"name":3046,"color":3113},"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":3121,"labels":3122,"number":3126,"owner":3020,"repository":3115,"state":3050,"title":3127,"updated_at":3128,"url":3129,"score":3130},"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",[3123],{"name":3124,"color":3125},"performance","5E19B6",1074,"[MN Banner] Improve performance","2022-12-07T09:28:34Z","https://github.com/nuxt/nuxt.com/issues/1074",0.7557046,["Reactive",3132],{},["Set"],["ShallowReactive",3135],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f20UEfs2mV9JkPMCqE-z3_Cehccoh0pSpDJh2Dj5D7X4":-1},"/nuxt/nuxt.com/219"]