Feature Request: add server side rendering (Nuxt.js) to vue-carousel

Newbie. I had vue-carousel running great prior to an update, in nuxt I think. Now it simply won’t work.

Running vue-carousel locally in component, Terminal: `[Vue warn]: Error in beforeCreate hook: “ReferenceError: document is not defined”

found in

—> <Carousel> <CarouselShow> at components/CarouselShow.vue <Pages/index.vue> at pages/index.vue <Nuxt> at .nuxt/components/nuxt.vue <Default> at layouts/default.vue <Root>

` And I guess it is in a loop, because Chrome keeps spinning and eventually I get the dialog box “Do you wish to kill process?”

If I run vue-carousel globally I do not get the warning, but my Slides are static and all Slides show up on the page at once.

Help much appreciated.

[iloginow]

Honestly, these “solutions” are not good. This is ridiculous. If you use SSR, you do it for a reason! You want all your content to be available for bots, crawlers etc. Any Vue.js component or library should be aware of that and prevent accessing window or document directly without checking for the environment first!

This IS a HUGE BUG and it should be fixed.

[mayognaise]

You can simply fix this issue using config with SSR setup as @matthew-dean said.

create plugins/vue-carousel.js:

import Vue from 'vue'
import VueCarousel from 'vue-carousel'

Vue.use(VueCarousel)

in nuxt.config.js:

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

Then it’s ready to use!! 🍙