\r\n\u003C/div>\r\n\u003C/template>\r\n\r\n\u003Cscript setup>\r\ndefineProps({ icon: String })\r\n\u003C/script>\r\n```",[],174,"Can the Base component be changed to \"NuxtIcon\" instead of \"Icon\" with the \"name\" attribute?","2024-06-26T16:45:07Z","https://github.com/nuxt/icon/issues/174",0.70245117,{"description":2011,"labels":2012,"number":2013,"owner":1985,"repository":1986,"state":1997,"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,"Please add to readme file nuxt3 dynamic import ","2022-11-07T10:46:55Z","https://github.com/nuxt/icon/issues/22",0.7167939,{"description":2019,"labels":2020,"number":2013,"owner":1985,"repository":1996,"state":1997,"title":2021,"updated_at":2022,"url":2023,"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",[],"Leave team in `/:team/settings`","2023-02-15T12:30:31Z","https://github.com/nuxt/nuxt.com/issues/22",{"description":2025,"labels":2026,"number":2013,"owner":1985,"repository":2027,"state":1997,"title":2028,"updated_at":2029,"url":2030,"score":2017},"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",{"description":2032,"labels":2033,"number":2034,"owner":1985,"repository":1986,"state":1997,"title":2035,"updated_at":2036,"url":2037,"score":2038},"Although it looks redundant, Iconify uses `\u003CIcon icon=\"...\" />` as the Vue component. Since this module uses Iconify, why not keeping the same structure so we can just copy the component from their lib? An alias prop would be welcomed if I'm sounding too radical 😋 That way we can use both `name` and `icon`.",[],51,"[question] Why not using `icon` as a prop instead of `name`?","2023-02-16T15:53:34Z","https://github.com/nuxt/icon/issues/51",0.7313536,{"description":2040,"labels":2041,"number":2048,"owner":1985,"repository":1985,"state":1997,"title":2049,"updated_at":2050,"url":2051,"score":2052},"Not sure if this belongs here. Feels like it doesn't belong in the Nuxt repo either, because it's module specific. Let me know if I need to move it.\r\n\r\nSo my situation is the following. I'm further improving my [Nuxt-vuetify module](https://github.com/invictus-codes/nuxt-vuetify). Users of the module, will provide a Vuetify config through the Nuxt.config.ts. Now Vuetify has the following feature when it comes to icons, [fa-svg](https://vuetifyjs.com/en/features/icon-fonts/#font-awesome-svg-icons). To use this feature, you need to provide a function as iconSet (component). This is how it works, I cannot change this. However, this is not the cause of my \"issue\".\r\n\r\nWhat I can't seem to get working is the following, tested it on the nuxt-module-starter:\r\n\r\nIn my Nuxt.config.ts:\r\n```typescript\r\nexport default defineNuxtConfig({\r\n modules: [\"../src/module\"],\r\n myModule: {\r\n testViaConfig() {\r\n console.log(\"test\");\r\n return \"test\";\r\n },\r\n },\r\n});\r\n```\r\n\r\nin my module.ts:\r\n```typescript\r\nimport { defineNuxtModule, addPlugin, createResolver } from \"@nuxt/kit\";\r\n\r\n// Module options TypeScript interface definition\r\nexport interface ModuleOptions {}\r\n\r\nexport default defineNuxtModule\u003CModuleOptions>({\r\n meta: {\r\n name: \"my-module\",\r\n configKey: \"myModule\",\r\n },\r\n // Default configuration options of the Nuxt module\r\n defaults: {},\r\n setup(options, nuxt) {\r\n const resolver = createResolver(import.meta.url);\r\n\r\n nuxt.options.runtimeConfig.public.myModule = {\r\n ...options,\r\n test: \"runtimeConfig, check\",\r\n testViaModule: () => {\r\n console.log(\"test\");\r\n return \"test\";\r\n },\r\n };\r\n // Do not add the extension since the `.ts` will be transpiled to `.mjs` after `npm run prepack`\r\n addPlugin(resolver.resolve(\"./runtime/plugin\"));\r\n },\r\n});\r\n```\r\n\r\nIn my runtime/plugin.ts:\r\n```typescript\r\nimport { defineNuxtPlugin, useRuntimeConfig } from \"#app\";\r\n\r\nexport default defineNuxtPlugin((nuxtApp) => {\r\n const config = useRuntimeConfig();\r\n const options = config.public.myModule;\r\n console.log({ options });\r\n console.log(\"Plugin injected by my-module!\");\r\n});\r\n```\r\n\r\nI would expect that in the browser both the `testViaConfig` and `testViaModule` functions would be logged. Except only the string (defined in module.ts, also passed via runtimeConfig), is logged in the browser.\r\n\r\nI have made a codesandbox to reproduce. You can find it [here](https://codesandbox.io/p/github/jvhellemondt/nuxt-module-starter/draft/trusting-galileo?file=%2Fsrc%2Fmodule.ts&workspaceId=26bac05a-e35e-485b-bb0f-53f697bee73f).\r\n\r\nIs it intended that I cannot pass functions to runtime like this? I have the feeling that it's not possible due to rollup, however I'm definitely not an expert on that. If so, is there another way around? It seems vital that users of the module can provide it via the Nuxt.config.ts from a user experience perspective.\r\n\r\nHope someone is able to help out. If I need to explain further, please let me know.\r\n\r\nThank you in advance.\r\n\r\nBest regards,\r\n\r\nJ",[2042,2045],{"name":2043,"color":2044},"3.x","29bc7f",{"name":2046,"color":2047},"pending triage","E99695",20933,"Question/ bug: How to provide functions from within Nuxt.config.ts or module.ts to runtime?","2024-04-17T06:42:23Z","https://github.com/nuxt/nuxt/issues/20933",0.7314888,{"description":2054,"labels":2055,"number":2005,"owner":1985,"repository":1985,"state":1997,"title":2062,"updated_at":2063,"url":2064,"score":2065},"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>",[2056,2059],{"name":2057,"color":2058},"question","cc317c",{"name":2060,"color":2061},"2.x","d4c5f9","Work with vue-awesome","2023-01-18T15:38:32Z","https://github.com/nuxt/nuxt/issues/174",0.73242384,{"description":2067,"labels":2068,"number":2072,"owner":1985,"repository":1996,"state":1997,"title":2073,"updated_at":2074,"url":2075,"score":2076},"",[2069],{"name":2070,"color":2071},"bug","ff281a",1239,"Add missing clipboard feature","2023-02-20T09:39:27Z","https://github.com/nuxt/nuxt.com/issues/1239",0.732501,["Reactive",2078],{},["Set"],["ShallowReactive",2081],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"K7nomuLHYMTAzsQT0T85kaxWSbxZYsXxVKL74ULKv0w":-1},"/nuxt/icon/39"]