<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 ?