Setting custom Component Name doesn't do anything.

[ZackPlauche]

          > Oh it's

export default defineNuxtConfig({
  modules: [
    'nuxt-icon',
  ],
  icon: {
    componentName: 'NuxtIcon',
  },
})

Hi, so I just tried this but it still only appears when using <Icon name="..." /> :|

Config:

// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
  devtools: { enabled: true },
  modules: [
    "@nuxtjs/tailwindcss",
    "@storyblok/nuxt",
    "nuxt-icon",
  ],
  icon: {
    componentName: 'NuxtIcon',
  },
})

Originally posted by @ZackPlauche in https://github.com/nuxt/icon/issues/174#issuecomment-2192184553

[danjrwalsh]

@ZackPlauche Would you be able to provide a simple repro for this with StackBlitz or something similar? icon.componentName is working for me in my limited testing.

[antfu]

We temporarily closed this due to the lack of enough information. We could not identify whether it was a bug or a userland misconfiguration with the given info. Please provide a minimal reproduction to reopen the issue. Thanks.

Why reproduction is required

[ZackPlauche]

@ZackPlauche Would you be able to provide a simple repro for this with StackBlitz or something similar? icon.componentName is working for me in my limited testing.

Hi sorry for late reply. I've personally never gotten StackBlitz to work so I wouldn't know how to set something up there 😅

[ZackPlauche]

Update: It turns out I was using the old nuxt-icon instead of the new @nuxt/icon