Custom collections for icons dosen't work with dynamic name

[miladhp]

Environment

"@nuxt/ui": "^2.17.0",
"nuxt": "^3.12.1"

Version

v2.17.0

Reproduction

https://stackblitz.com/edit/nuxt-ui-6spaw7?file=package.json,app.vue,components%2FMyComp.vue

Description

I added my icon collections based on documentation. and I have to pass the icon collection prefix through a prop and the icon name through iterable data from an API call. But it doesn't work.

Additional context

No response

Logs

No response

[benjamincanac]

When using the dynamic prop, it uses nuxt-icon under the hood so you need to specify your custom collections in your app.config.ts: https://github.com/nuxt-modules/icon?tab=readme-ov-file#custom-local-collections

This will be way easier when we'll migrate from @egoist/tailwindcss-icons to the next major of nuxt-icon!