How can i use Vuera in nuxt ?

[jamaltun]

Hi, How can i use vuera in my nuxt project ?

I integrated it as specified but I get an error like below. And the whole app is breaking down. It gives the same error for all Vue components.

Uncaught Error: Objects are not valid as a React child (found: [object Promise]). If you meant to render a collection of children, use an array instead.

[stevefan1999-personal]

It has something to do with SSR. I have tried it before.

[deathemperor]

looks like a problem with Nextjs too. I couldn't get it to parse .vue files

[leonelos-dev]

I'm dealing the same issue. Looks like developers don't care about this xD

[Saitgalin]

how can I get around this error?

[hacknug]

The way I used this with Nuxt v2.14.12 a while ago was via a client-only plugin:

// nuxt.config.js
plugins: [
  { src: '~/plugins/vuera', mode: 'client' },
],

// /plugins/vuera.js
import Vue from 'vue'
import { VuePlugin } from 'vuera'

Vue.use(VuePlugin)

Then in my components I was able to import things like @nivo/core and @nivo/line to render line charts on my website.