CSS is not working on nuxt

[tranduybau]

Capture:

Config:

nuxt.config.js

  plugins: [
    { src: '~/plugins/vueZoomer.js', mode: 'client' },
  ],

vueZoomer.js

// eslint-disable-next-line import/no-extraneous-dependencies
import Vue from 'vue';
import ProductZoomer from 'vue-product-zoomer';

Vue.use(ProductZoomer);

product.vue

      <client-only>
        <ProductZoomer
          :base-images="images"
          :base-zoomer-options="zoomerOptions"
        />
      </client-only>

[tranduybau]

Update: this is when your package got an error:

[spokospace]

I have the same issue, I had to add css styles with !important to quick fix this.

[sejanH]

I have the same issue, I had to add css styles with !important to quick fix this.

@Cnk001 How did you solve this one?

preview-2021-01-12_13.06.29.mp4

[spokospace]

I have the same issue, I had to add css styles with !important to quick fix this.

@Cnk001 How did you solve this one?

preview-2021-01-12_13.06.29.mp4

I didn't use this plugin in the end, too much to fixing :P

[sejanH]

I have the same issue, I had to add css styles with !important to quick fix this.

@Cnk001 How did you solve this one?
preview-2021-01-12_13.06.29.mp4

I didn't use this plugin in the end, too much to fixing :P

then which one did you use? it seems I've also spent more time on this one. but now I think I think look for alternatives also

[imsidz]

i am facing same issue how you fixed it if you didn't which alternative package do u using?

[imsidz]

I have the same issue, I had to add css styles with !important to quick fix this.

can u post your style here sir. thank you

[mengdodo]

I have the same issue, I had to add css styles with !important to quick fix this.

@Cnk001 How did you solve this one?
preview-2021-01-12_13.06.29.mp4

I didn't use this plugin in the end, too much to fixing :P

which one did you use 💢 ?

[tranduybau]

https://thegmen.vn/mesh-polo-shirt-blue-gray-nvvt6m

Hi there, I fixed this issue by use this one:

https://www.npmjs.com/package/vue-zoom