Auto import of customized component name

[bjarnef]

I have customized component name in nuxt.config.ts as mentioned here:
https://nuxt.com/modules/icon

icon: {
    componentName: 'NuxtIcon'
},

However use of component doesn't seem to register auto import of the component:

<NuxtIcon name="lucide:newspaper" />

"@iconify-json/lucide": "^1.2.71",
"@nuxt/icon": "^2.1.0",
"nuxt": "^3.12.1",
"vue": "^3.3.8",

I already have another custom component Icon used for something else.

Anything else I neeed to configure or can I explicit import the component?

[bjarnef]

It turns out v2 isn't compatible with Nuxt v3:

Module @nuxt/icon is disabled due to incompatibility issues:

• [nuxt] Nuxt version >=4.0.0 is required but currently using 3.17.4

I installed latest v1, which seem to work:

"@nuxt/icon": "^1.15.0",

It would be great to make it a more clear, which version is supported in Nuxt v3 and v4, mainly because readme says "Nuxt 3 ready".