\r\n```\r\n\r\n\r\n## Code\r\n\r\n```\r\n\u003Ctemplate>\r\n \u003CIcon />\r\n\u003C/tempalte>\r\n\r\n\u003Cscript setup lang=\"ts\">\r\nconst props = defineProps\u003C{name: string}>()\r\n\r\nconst Icon = computed(() => defineAsyncComponent(() => import(`../icons/${props.name}.svg?component`)));\r\n\u003C/script>\r\n```\r\n\r\n\r\n\r\n",[1984,1987,1990],{"name":1985,"color":1986},"workaround available","11376d",{"name":1988,"color":1989},"❗ p4-important","D93F0B",{"name":1991,"color":1992},"performance","E84B77",18376,"nuxt","open","Disable `prefetch` for dynamic imports","2025-03-16T23:31:44Z","https://github.com/nuxt/nuxt/issues/18376",0.69058573,{"description":2001,"labels":2002,"number":2003,"owner":1994,"repository":2004,"state":1995,"title":2005,"updated_at":2006,"url":2007,"score":2008},"this is not a bug just a simple question I am using vite + nuxt3 + vuetify3 my object is to use it. I am new to nuxt-icon please bare with me. I had following questions please answer it\r\n01 nuxt-icon has tree shaking feature I mean it will only import those icons which are used in code\r\n02 If I want to use mdi:alarm-light inside vuetify \u003Cv-icon icon=\"mdi:alarm-light\">\u003C/v-icon> it should work as I have access to material Icon library right but it fails to display the icon.\r\n```\r\n// nuxt.config.ts\r\n//import { defineNuxtConfig } from 'nuxt'\r\n\r\n// https://nuxt.com/docs/api/configuration/nuxt-config\r\nexport default defineNuxtConfig({\r\n css: ['vuetify/lib/styles/main.sass',],\r\n modules: ['nuxt-icon'],\r\n build: {\r\n transpile: ['vuetify'],\r\n },\r\n vite: {\r\n define: {\r\n 'process.env.DEBUG': false,\r\n },\r\n },\r\n})```",[],39,"icon","how to use it inside vuetify v-icon component","2023-01-10T13:41:27Z","https://github.com/nuxt/icon/issues/39",0.7166699,{"description":2010,"labels":2011,"number":2012,"owner":1994,"repository":2013,"state":2014,"title":2015,"updated_at":2016,"url":2017,"score":2018},"The http call can be left commented for now. However, the confirm method: https://github.com/docusgen/docus.com/blob/dev/pages/_team/settings/index.vue#L206, should be replaced by the `AlertDialog` component: https://github.com/nuxtlabs/nuxt.com/blob/dev/pages/account/teams.vue#L78\n\n\n",[],22,"nuxt.com","closed","Leave team in `/:team/settings`","2023-02-15T12:30:31Z","https://github.com/nuxt/nuxt.com/issues/22",0.45749155,{"description":2020,"labels":2021,"number":2012,"owner":1994,"repository":2022,"state":2014,"title":2023,"updated_at":2024,"url":2025,"score":2018},"Scripts that should be added before release:\r\n\r\n**Analytics**\r\n- [x] Plausible\r\n\r\n**Payments**\r\n- [x] [LemonSqueezy](https://docs.lemonsqueezy.com/guides/developer-guide/lemonjs)\r\n\r\n",[],"scripts","Third Party Register Scripts To Add","2024-04-22T12:56:34Z","https://github.com/nuxt/scripts/issues/22",{"labels":2027,"number":2034,"owner":1994,"repository":1994,"state":2014,"title":2035,"updated_at":2036,"url":2037,"score":2038},[2028,2031],{"name":2029,"color":2030},"3.x","29bc7f",{"name":2032,"color":2033},"pending triage","E99695",14047,"dynamic glob imports don't work in SSR","2023-01-19T17:32:47Z","https://github.com/nuxt/nuxt/issues/14047",0.6747896,{"description":2040,"labels":2041,"number":2047,"owner":1994,"repository":1994,"state":2014,"title":2048,"updated_at":2049,"url":2050,"score":2051},"### Environment\r\n\r\n \"nuxt\": \"^3.9.3\",\r\n \"nuxt-icon\": \"^0.6.8\",\r\n \"vue\": \"^3.4.14\",\r\n \"vue-router\": \"^4.2.5\"\r\n\r\n### Reproduction\r\n[[](url)](https://stackblitz.com/edit/github-xafzmu?file=package.json)\r\n\r\ngithub \r\nhttps://github.com/tolgahanbeyazoglu/nuxt-iconfy-example.git\r\n\r\n### Describe the bug\r\n\r\nI updated to version 3.9.3 and when I load nuxt-icon or iconfy in the build process I get a node module error, this does not prevent exporting the files but I don't understand.I think it is a bug with the new update\r\n\r\n\r\n\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[2042,2043,2044],{"name":2029,"color":2030},{"name":2032,"color":2033},{"name":2045,"color":2046},"needs reproduction","FBCA04",25283,"icon and iconfy build modüle error","2024-03-29T18:43:57Z","https://github.com/nuxt/nuxt/issues/25283",0.6992762,{"labels":2053,"number":2056,"owner":1994,"repository":1994,"state":2014,"title":2057,"updated_at":2058,"url":2059,"score":2060},[2054,2055],{"name":2029,"color":2030},{"name":2032,"color":2033},21803,"Dynamic Imports Are not working inside script tags.","2024-07-08T20:33:35Z","https://github.com/nuxt/nuxt/issues/21803",0.70378006,{"description":2062,"labels":2063,"number":2070,"owner":1994,"repository":1994,"state":2014,"title":2071,"updated_at":2072,"url":2073,"score":2074},"Hi, I am trying to get this awesome framework to work with [vue-awesome](https://github.com/Justineo/vue-awesome) but I can't manage to do it.\r\n\r\nI added this to my nuxt.config.js\r\n`build: {\r\n\t\tvendor: ['vue-awesome']\r\n\t}`\r\n\r\nI added this to my default.vue\r\n\r\n`import Icon from \"vue-awesome/components/Icon.vue\"; \r\n\timport \"vue-awesome/icons\"; `\r\n\r\n`\r\n\texport default {\r\n\t\tcomponents: {\r\n\t\t\tIcon\r\n\t\t}\r\n\t}`\r\n\r\nHowever when I put icon components in my pages, it does not show, but is visible in the chrome dev tools.\r\n\r\nIs there a proper way to do this?\r\n\r\nI am new to Nuxt.\r\nThanks for your help.\r\n\r\n\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c147\">#c147\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2064,2067],{"name":2065,"color":2066},"question","cc317c",{"name":2068,"color":2069},"2.x","d4c5f9",174,"Work with vue-awesome","2023-01-18T15:38:32Z","https://github.com/nuxt/nuxt/issues/174",0.7040405,{"description":2076,"labels":2077,"number":2085,"owner":1994,"repository":1994,"state":2014,"title":2086,"updated_at":2087,"url":2088,"score":2089},"### Describe the feature\r\n\r\nHello,\r\n\r\nActually, there is different import meta. One of them is for prerendering. But there is nothing about static when nuxt is generating the website. Pre-render key is not enough specific when site is static since there is a payload generated. \r\n\r\nSee https://github.com/nuxt/content/issues/2533\r\n\r\nhttps://nuxt.com/docs/api/advanced/import-meta#runtime-app-properties\r\n\r\n### Additional information\r\n\r\n- [ ] Would you be willing to help implement this feature?\r\n- [ ] Could this feature be implemented as a module?\r\n\r\n### Final checks\r\n\r\n- [X] Read the [contribution guide](https://nuxt.com/docs/community/contribution).\r\n- [X] Check existing [discussions](https://github.com/nuxt/nuxt/discussions) and [issues](https://github.com/nuxt/nuxt/issues).",[2078,2081,2084],{"name":2079,"color":2080},"enhancement","8DEF37",{"name":2082,"color":2083},"discussion","538de2",{"name":2029,"color":2030},25566,"Add import meta for static rendering","2024-05-10T09:41:34Z","https://github.com/nuxt/nuxt/issues/25566",0.70759845,{"labels":2091,"number":2092,"owner":1994,"repository":1994,"state":2014,"title":2093,"updated_at":2094,"url":2095,"score":2096},[],12018,"SyntaxError: Cannot use import statement outside a module (Nuxt 3 + heroicons/vue + headlessui/vue)","2023-01-19T15:54:17Z","https://github.com/nuxt/nuxt/issues/12018",0.71274143,["Reactive",2098],{},["Set"],["ShallowReactive",2101],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"ExyY02edJoBxVSkwhK5I0CWsKcA37yv8QDYXgYHdqOU":-1},"/nuxt/icon/22"]