\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":2004,"state":2013,"title":2014,"updated_at":2015,"url":2016,"score":2017},"Please add to readme file nuxt3 dynamic import example:\r\n\r\n\r\n```\r\nimport { Icon } from \"@iconify/vue\"\r\n\r\nfunction renderIcon(icon) {\r\n return () => h(Icon, { icon })\r\n}\r\n\r\nrenderIcon('uil:github')\r\n```\r\n\r\n",[],22,"closed","Please add to readme file nuxt3 dynamic import ","2022-11-07T10:46:55Z","https://github.com/nuxt/icon/issues/22",0.45749155,{"description":2019,"labels":2020,"number":2012,"owner":1994,"repository":2021,"state":2013,"title":2022,"updated_at":2023,"url":2024,"score":2017},"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",[],"nuxt.com","Leave team in `/:team/settings`","2023-02-15T12:30:31Z","https://github.com/nuxt/nuxt.com/issues/22",{"labels":2026,"number":2033,"owner":1994,"repository":1994,"state":2013,"title":2034,"updated_at":2035,"url":2036,"score":2037},[2027,2030],{"name":2028,"color":2029},"3.x","29bc7f",{"name":2031,"color":2032},"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":2039,"labels":2040,"number":2046,"owner":1994,"repository":1994,"state":2013,"title":2047,"updated_at":2048,"url":2049,"score":2050},"### 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_",[2041,2042,2043],{"name":2028,"color":2029},{"name":2031,"color":2032},{"name":2044,"color":2045},"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":2052,"number":2055,"owner":1994,"repository":1994,"state":2013,"title":2056,"updated_at":2057,"url":2058,"score":2059},[2053,2054],{"name":2028,"color":2029},{"name":2031,"color":2032},21803,"Dynamic Imports Are not working inside script tags.","2024-07-08T20:33:35Z","https://github.com/nuxt/nuxt/issues/21803",0.70378006,{"description":2061,"labels":2062,"number":2069,"owner":1994,"repository":1994,"state":2013,"title":2070,"updated_at":2071,"url":2072,"score":2073},"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>",[2063,2066],{"name":2064,"color":2065},"question","cc317c",{"name":2067,"color":2068},"2.x","d4c5f9",174,"Work with vue-awesome","2023-01-18T15:38:32Z","https://github.com/nuxt/nuxt/issues/174",0.7040405,{"description":2075,"labels":2076,"number":2084,"owner":1994,"repository":1994,"state":2013,"title":2085,"updated_at":2086,"url":2087,"score":2088},"### 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).",[2077,2080,2083],{"name":2078,"color":2079},"enhancement","8DEF37",{"name":2081,"color":2082},"discussion","538de2",{"name":2028,"color":2029},25566,"Add import meta for static rendering","2024-05-10T09:41:34Z","https://github.com/nuxt/nuxt/issues/25566",0.70759845,{"labels":2090,"number":2091,"owner":1994,"repository":1994,"state":2013,"title":2092,"updated_at":2093,"url":2094,"score":2095},[],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",2097],{},["Set"],["ShallowReactive",2100],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"3Wlcy5REb9uF42QGSI1C7OkVsw7plC2RsG6w7on8GY4":-1},"/nuxt/scripts/22"]