How to use icon in Nuxt JS?

[joewilson27]

Hi, I'm new to this awesome library. I can use them in vue perfectly, but when I use NuxtJS, it doesn't work... I have installed tabler/core and tabler/icons and put that on nuxt config, but still didn't work... Can you guys give an simple example?

[roiLeo]

Hello it does work for me https://stackblitz.com/edit/nuxt-starter-xhys4j?file=app.vue

which version of Nuxt are you using? did you install @tabler/icons-vue package?

[joewilson27]

@roiLeo

Hi, thanks for answer..

I'm using nuxt version ^2.15.8 and surely I did install @tabler/icons-vue

I have tried just just like your example, import the icon in vue component but it was error... should I upgrade my nuxt to version 3.x.x ?

[joewilson27]

@roiLeo

this is my package json

icons vue in my node_modules

this is my define component

and then I call them in the same file component as declare the HomeIcon above

Then this is error what I got

[roiLeo]

Looks like this package only work with Vue3, consider using new nuxt version

[joewilson27]

thanks @roiLeo

it seems the issue was clear, it's about the version compatibility..

thanks