Issue with NuxtIcon color param

[dimitrileduc]

Describe the bug

Hello,

I am currently trying to use NuxtIcon in a Histoire story, but I am encountering an issue with the color not being rendered correctly.

When I use the NuxtIcon in my app.vue file, the red color is rendered correctly:

<Icon name="heroicons:check-16-solid" size="40px" color="red" />

However, when I try to use the same code in a Histoire story, the color is rendered as black:
I have inspected the rendered SVG in the browser and it shows that the color is set to "currentColor", which should be red

Has anyone else encountered this issue before? Any help would be greatly appreciated.

Thank you in advance.

Reproduction

System Info

Nuxt3 - Tailwind

Used Package Manager

pnpm

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion.
• The provided reproduction is a minimal reproducible example of the bug.

[awacode21]

How did you managed to render https://nuxt.com/modules/icon in histoire? I ask because i am running into this issue: #746 and it seems you already solved it when you are on the next step trying to color the icons. Help would be appreciated.