icon icon indicating copy to clipboard operation
icon copied to clipboard

@nuxt/icon not working in histoire with mode "svg"

Open awacode21 opened this issue 1 year ago • 3 comments

I added @nuxt/icon to my project. In the project it is working fine but in histoire it is not working. In histoire it is not able to render the stories that contain components that use @nuxt/icon.

On devtools console you always see the error: Bildschirmfoto 2024-07-22 um 21 10 24

it doesn't matter if mode is css or svg, it doesn't matter if from iconify icon libs, global components or custom collections, it is simple not able to work with it. The error is always the same.

Here is a reproduction: https://stackblitz.com/edit/nuxt-starter-kckxy8 run the histoire to see the story not getting rendered and the console error in devtools.

Please help!

awacode21 avatar Jul 22 '24 19:07 awacode21

Another user confirmed here: https://github.com/histoire-dev/histoire/issues/746#issuecomment-2253783496 that it is broken since @nuxt/icon version 1.0.0

[email protected] is the last version which was working in histoire. So i guess it is a bug that came up with the refactor

awacode21 avatar Jul 29 '24 14:07 awacode21

@antfu this is NOT fixed for mode="svg" .. the linked merged fix only fixes it for the css version but when using mode svg it is still not working. Please reopen the issue as not fixed.

awacode21 avatar Jul 30 '24 19:07 awacode21

I also encountered a similar problem. I can only use it normally by specifying mode="svg", but this is not a fundamental solution.

zzy-life avatar Aug 11 '24 05:08 zzy-life