Not Compatible with Gridsome

[Tragio]

Hello @igaloly! 🙂

Thank you very much for your work and for this amazing plugin.

I was trying to use it for the first time with Gridsome but I have the following error when building gridsome build:

However, when I use gridsome develop it works perfectly. I think this is due to SSR support but I have not figured out a way to put it working. https://gridsome.org/docs/assets-scripts/#without-ssr-support

I have the following code on main.js:

import VuePreloaders from 'vue-preloaders'

export default function(Vue, { router, head, isClient }) {
  Vue.component('Layout', DefaultLayout)
  Vue.use(VuePreloaders)
}

And the following code on layouts/Default.vue:

mounted() {
    const close = this.$preloaders.open({
      component: Preloader,
      cssStyle: {
        position: 'fixed'
      },
      overlayStyle: {
        background:
          'radial-gradient(circle, rgba(74,74,74,1) 0%, rgba(61,61,61,1) 100%)',
        opacity: 1
      }
    })
    setTimeout(close, 2000)
  }

Thank you very much!

[igaloly]

Hey @Tragio , Sorry for the delay :(
WIP

[igaloly]

Hi @Tragio ,
It seems like the problem solved in fix-ssr-build branch.
You need to import the styles file from dist folder in main.js as well.
In my tests, the builds were successfully completed and the static files were served as expected.
It'll be great if you will check and confirm :)
Waiting for your reply.

[Tragio]

Hi @Tragio ,
It seems like the problem solved in fix-ssr-build branch.
You need to import the styles file from dist folder in main.js as well.
In my tests, the builds were successfully completed and the static files were served as expected.
It'll be great if you will check and confirm :)
Waiting for your reply.

All seems fine from my end. I'll let you know if anything comes up. Would be awesome if you could merge into master and perhaps add the above information on the README 😄. Really thank you for your work and support. Happy new year 🎆