probil / vue-product-carousel

Simple product carousel with hot image replacement, Zoom and Swipe mode
https://vue-product-carousel.netlify.com/
MIT License
38 stars 4 forks source link

Not working no nuxt? only vue? #66

Open mobi35 opened 3 years ago

mobi35 commented 3 years ago
<template>
  <ProductCarousel :images="images">
    Sidebar content here
  </ProductCarousel>
</template>

<script>
import ProductCarousel from 'vue-product-carousel'
export default {
  components: {
    ProductCarousel
  },
  data () {
    return {
      images: [
        'https://res.cloudinary.com/dxn1bjdta/image/upload/c_scale,w_3000,f_auto/v1606989818/vue-product-carousel/nike.jpg',
        'https://res.cloudinary.com/dxn1bjdta/image/upload/c_scale,w_3000,f_auto/v1606989818/vue-product-carousel/nike.jpg',
        'https://res.cloudinary.com/dxn1bjdta/image/upload/c_scale,w_3000,f_auto/v1606989818/vue-product-carousel/nike.jpg'
      ]
    }
  }
}
</script>

<style>

</style>

Hi guys. I'm using the latest version of nuxt. The carousel is not appearing.. I already tried adding the plugins in my nuxt.config.js.. What should I do ?

majormittens commented 3 years ago

Doesn't work in Vue 2.6.10 for me either. You can try rebuilding the library yourself and debugging if you think it's worth the effort.

probil commented 3 years ago

Nuxt is not supported unfortunately, but it should just for vue 2.x.

This demo is build on Vue 2 and it works fine as you see: https://vue-product-carousel.netlify.app/

@majormittens could you provide me with the code for Vue 2 where it's not working?