// 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":3097,"owner":3020,"repository":3037,"state":3050,"title":3098,"updated_at":3099,"url":3100,"score":3101},"### 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,3093,3094],{"name":3046,"color":3092},"d73a4a",{"name":3034,"color":3035},{"name":3095,"color":3096},"triage","ffffff",3804,"`ui.nuxt.com` 500 errors","2025-04-08T00:51:08Z","https://github.com/nuxt/ui/issues/3804",0.74343926,{"description":3103,"labels":3104,"number":3105,"owner":3020,"repository":3021,"state":3050,"title":3106,"updated_at":3107,"url":3108,"score":3109},"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":3111,"labels":3112,"number":3114,"owner":3020,"repository":3049,"state":3050,"title":3115,"updated_at":3116,"url":3117,"score":3118},"Modules and Showcases are missing in mobile nav, presumably since migration from .md to Nuxt pages",[3113],{"name":3046,"color":3047},993,"[Code] Add missing links in mobile nav","2022-12-07T06:20:26Z","https://github.com/nuxt/nuxt.com/issues/993",0.74846953,{"description":3120,"labels":3121,"number":3125,"owner":3020,"repository":3049,"state":3050,"title":3126,"updated_at":3127,"url":3128,"score":3129},"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",[3122],{"name":3123,"color":3124},"performance","5E19B6",1074,"[MN Banner] Improve performance","2022-12-07T09:28:34Z","https://github.com/nuxt/nuxt.com/issues/1074",0.7557046,["Reactive",3131],{},["Set"],["ShallowReactive",3134],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fU5HfXb6MWR8cAmazN4csAWyZP89MmqwlDXlfIdMynqk":-1},"/nuxt/scripts/219"]