Nuxt Page refresh

[riveraeu]

Hey I really like this component, but am running into some issues with refreshing the page in my Nuxt app.

Here are my dependencies: "nuxt": "^2.0.0", "vue-image-lightbox": "^6.0.1", "vue-lazyload": "^1.2.6", "vue-touch": "^1.1.0",

and here is the page using the lightbox component

I have set up Lazyload as a Nuxt plugin like this

plugins/lazyLoad.js: import Vue from 'vue' import VueLazyLoad from 'vue-lazyload'

Vue.use(VueLazyLoad)

nuxt.config.js: '@/plugins/lazyLoad

What ive tried:

• ssr false for plugin { src: '@/plugins/lazyLoad', ssr: false }
• <no-ssr> tags wrapped around <Lightbox>
• tested on netlify server as a static generated site
• https://github.com/pexea12/vue-image-lightbox/issues/31

Any help would be greatly appreciated, thanks!

[pexea12]

I am investigating it

[pexea12]

The new version 6.1.1 is now SSR-supported.

However, it seems to be a Nuxt.js problem since I am unable to fix this error. When I copied the LightBox to components folder of Nuxt, everything is fine but importing vue-image-lightbox from node_modules gave this error. I think the best work-around now is copying LightBox to components folder.

[riveraeu]

Thanks for looking into this and for the workaround, the page is now refreshing without any errors!