I need help with an icon library that provides a Vue package too, but is not working on Nuxt
I'm trying to integrate "Atlas Icons" in a Nuxt 3 project.
They have a dedicated Vue package too, as detailed here: https://atlasicons.vectopus.com/packages, that provides a custom
Atlas component used to render the icons.
I've tried it on plain new Vue CLI project and it works as expected by following their instructions, but I'm not able to make it work on Nuxt too. My guess is that I'm not importing it correctly (Nuxt app is not starting and rendering correctly, but I cannot see any specific error).
I think I've misconfigured something, it is probably something trivial since on plain Vue it is working as expected, but I cannot find a solution by myself.
I've prepared a little demo on stackblitz here, with more comments and info provided in-context: https://stackblitz.com/edit/github-abgc2q?file=app.vue
It would be great if someone could be able to help me solve this! π πAtlas Icons
Open source free icons library, available in variable stroke SVG format, web font, Figma, React, Vue and Flutter ready to use packages
Stefano Bartoletti
StackBlitz
nuxt-atlas-icons-test - StackBlitz
Create a new Nuxt project, module, layer or start from a theme with our collection of starters.
2 Replies
Have you checked if they are available on icones.js.org
You could easily add then using nuxt icon package
No it's not available there unfortunately