nuxtjs support

[dad2cl3]

Phenomenal repo that fits perfectly with a project i'm working on so thank you! Any chance you might be willing to add support for nuxtjs?

Thanks,

Jason

[ts1]

I'm not familiar with nuxt.js but, I think this can not be SSR'd because it deeply depends on runtime only features like viewport size, image size, etc.
Could it work if you configure this component used client side only?

[dad2cl3]

Great suggestion. I’ll definitely give it a shot!

[dad2cl3]

Wanted to check back in to say I finally had an opportunity to work on getting the component working on the client side only and so far so good.

First create a plugin for nuxt named flipbook.js with the following code:
import Vue from 'vue'
import Flipbook from 'flipbook-vue'
Vue.component('Flipbook', Flipbook)

Then register the component within the plugins section of nuxt.config.js with the following code:
{ src: '@/plugins/flipbook', mode: 'client' }

From there, add the component to a Vue file using <Flipbook class="book"...></Flipbook>

Again, amazing library and exactly what I was looking for to complete my project.

Thanks again,

Jason

[piotrbekas]

From there, add the component to a Vue file using <Flipbook class="book"...></Flipbook>

I found, that when using nuxt generate the <client-only> tag helps.

So you could use it like this:

<client-only>
  <Flipbook class="book"...></Flipbook>
</client-only>

[kissu]

I found a working solution for Nuxt3.