` 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.72326237,{"description":2907,"labels":2908,"number":1042,"owner":2868,"repository":2869,"state":2879,"title":2909,"updated_at":2910,"url":2911,"score":2912},"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",[],"Please add to readme file nuxt3 dynamic import ","2022-11-07T10:46:55Z","https://github.com/nuxt/icon/issues/22",0.7244425,{"description":2914,"labels":2915,"number":1042,"owner":2868,"repository":2878,"state":2879,"title":2916,"updated_at":2917,"url":2918,"score":2912},"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":2920,"labels":2921,"number":1042,"owner":2868,"repository":2922,"state":2879,"title":2923,"updated_at":2924,"url":2925,"score":2912},"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":2927,"labels":2928,"number":2932,"owner":2868,"repository":2868,"state":2879,"title":2933,"updated_at":2934,"url":2935,"score":2936},"Hi folks, I trying to extend a Vuetify component in a nuxt project (nuxt starter template) but i'm getting errors...\r\n\r\nMy extended component: \r\n```js \r\n// /assets/components/vuetifyExtended/VRadioGroup/VRadioIcon.js\r\n\r\nimport VRadio from 'vuetify/src/components/VRadioGroup/VRadio';\r\n\r\nexport default {\r\n name: 'v-radio-icon',\r\n extends: VRadio,\r\n props: {\r\n iconActive: { type: String, default: 'radio_button_checked' },\r\n iconInactive: { type: String, default: 'radio_button_unchecked' },\r\n },\r\n computed: {\r\n icon() {\r\n return this.isActive ? this.iconActive : this.iconInactive;\r\n },\r\n },\r\n};\r\n```\r\n\r\nThe kind of errors i'm getting:\r\n```sh\r\n[...]\r\n ERROR Failed to compile with 2 errors 08:29:45\r\n\r\nerror in ./node_modules/vuetify/src/util/helpers.js\r\n\r\nModule parse failed: Unexpected token (34:28)\r\nYou may need an appropriate loader to handle this file type.\r\n| context.data.on = context.data.on || {}\r\n| if (!Object.isExtensible(context.data.on)) {\r\n| context.data.on = { ...context.data.on }\r\n| }\r\n|\r\n@ ./node_modules/vuetify/src/components/transitions/index.js 1:0-4:27\r\n@ ./node_modules/vuetify/src/components/VRadioGroup/VRadio.js\r\n[...]\r\n```\r\n\r\nI've seen that [issue](https://github.com/vuetifyjs/vuetify/issues/1840) but the solution did not solved mine. \r\nDoes anyone can help me ? :) thx!\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/c2719\">#c2719\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2929],{"name":2930,"color":2931},"2.x","d4c5f9",3139,"Extending a vuetify component","2023-01-18T16:10:06Z","https://github.com/nuxt/nuxt/issues/3139",0.72593457,{"description":2938,"labels":2939,"number":2940,"owner":2868,"repository":2869,"state":2879,"title":2941,"updated_at":2942,"url":2943,"score":2944},"In my own projects I want to name how I build the component \"Icon\".\r\n\r\nI think as a package it would make way more sense for the component name to be \"NuxtIcon\" with an \"icon\" class instead of just \"Icon\" with name.\r\n\r\nAlso see this:\r\nhttps://vuejs.org/style-guide/rules-essential.html#use-multi-word-component-names\r\n(not super relevant due to how I would use it probably lol)\r\n\r\nI'd like to look at my own codebase and make the icon component custom, like:\r\n\r\n```html\r\n\u003C!-- Icon.vue -->\r\n\u003Ctemplate>\r\n\u003Cdiv class=\"aspect-square rounded-full h-20 text-2xl flex items-center justify-center text-white\">\r\n \u003CNuxtIcon :icon=\"icon\" />\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.7268626,{"description":2946,"labels":2947,"number":2948,"owner":2868,"repository":2869,"state":2879,"title":2949,"updated_at":2950,"url":2951,"score":2952},"Installed following the steps [here](https://nuxt.com/modules/icon).\r\n```\r\nnpm install --save-dev nuxt-icon\r\n```\r\nAdded to my `nuxt.config.ts`\r\n```\r\n modules: [\r\n // https://go.nuxtjs.dev/bootstrap\r\n 'bootstrap-vue/nuxt',\r\n // https://go.nuxtjs.dev/pwa\r\n '@nuxtjs/pwa',\r\n // https://go.nuxtjs.dev/content\r\n '@nuxt/content',\r\n // https://nuxt.com/modules/icon\r\n 'nuxt-icon'\r\n ],\r\n```\r\nUsed on a component\r\n```\r\n\u003CIcon name=\"logos:instagram-icon\" />\r\n```\r\n\r\nThe page rendered without the icon and got this on the console.\r\n```\r\n[Vue warn]: Unknown custom element: \u003CIcon> - did you register the component correctly? For recursive components, make sure to provide the \"name\" option.\r\n\r\nfound in\r\n\r\n---> \u003CLayouts/default.vue> at layouts/default.vue\r\n \u003CRoot>\r\n```\r\n\r\n### My dependencies\r\n```\r\n \"dependencies\": {\r\n \"@nuxt/content\": \"^1.0.0\",\r\n \"@nuxtjs/pwa\": \"^3.3.5\",\r\n \"bootstrap\": \"^4.6.2\",\r\n \"bootstrap-vue\": \"^2.22.0\",\r\n \"bootswatch\": \"^5.2.3\",\r\n \"core-js\": \"^3.25.3\",\r\n \"nuxt\": \"^2.15.8\",\r\n \"nuxt-icon\": \"^0.4.0\",\r\n \"vue\": \"^2.7.10\",\r\n \"vue-server-renderer\": \"^2.7.10\",\r\n \"vue-template-compiler\": \"^2.7.10\"\r\n },\r\n \"devDependencies\": {\r\n \"@babel/eslint-parser\": \"^7.19.1\",\r\n \"@nuxtjs/eslint-config\": \"^11.0.0\",\r\n \"@nuxtjs/eslint-module\": \"^3.1.0\",\r\n \"eslint\": \"^8.24.0\",\r\n \"eslint-plugin-nuxt\": \"^4.0.0\",\r\n \"eslint-plugin-vue\": \"^9.5.1\",\r\n \"sass\": \"^1.62.1\",\r\n \"sass-loader\": \"^10.4.1\"\r\n }\r\n```",[],74,"Unknown custom element: \u003CIcon> - did you register the component correctly?","2023-08-07T11:42:06Z","https://github.com/nuxt/icon/issues/74",0.72887427,["Reactive",2954],{},["Set"],["ShallowReactive",2957],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fK7nomuLHYMTAzsQT0T85kaxWSbxZYsXxVKL74ULKv0w":-1},"/nuxt/icon/39"]