Error when using with nuxt.js about vue-slideout

[vouill]

Looks like a good solution ! Thanks for helping @geoandrew .

Closing this issue then, anyone can feel free to reopen if needed :).

[popstas]

plugins/vue-slideout.js:

import Vue from 'vue';
import Slideout from 'vue-slideout';
Vue.component('Slideout', Slideout);

nuxt.config.js:

  plugins: [
    { src: '~/plugins/vue-slideout', ssr: false }
  ],

[popstas]

I'm using slideout with nuxt (see config in previous comment) and got error:

The client-side rendered virtual DOM tree is not matching server-rendered content

See nuxt/nuxt#1700, you can avoid this error with wrapping <Slideout> to <no-ssr> tag

[vouill]

Hello !

So, the first thing to know is that i have never used nuxt, so any kind of help would be apreciated :)

I will check it out a bit further tonight if i can !

Thanks for the issue report !

[geoandrew]

Hi Folks;

I just ran into the same problem. It's to do with Server Side Rendering. Please see https://nuxtjs.org/guide/plugins and the section on Client Side Rendering.

I created a plugin file and added slideout. In the plugin def, make sure 'ssr: false'
Then, remove the explicit import and component definition in your page file.

Hope this helps someone!