Discussion on: Vue.js Carousels: SSR Support And Performance

<template>
  <div>
      <VueSlickCarousel v-bind="carouselSettings">
        <div><h1>Test1</h1></div>
        <div><h1>Test2</h1></div>
        <div><h1>Test3</h1></div>
      </VueSlickCarousel>
  </div>
</template>

<script>

  import VueSlickCarousel from 'vue-slick-carousel'
  import 'vue-slick-carousel/dist/vue-slick-carousel-theme.css'


export default {
  components: {
      VueSlickCarousel
  },
  data(){
    return{
      carouselSettings:{
        "dots": true,
        "focusOnSelect": true,
        "infinite": true,
        "speed": 500,
        "slidesToShow": 3,
        "slidesToScroll": 3,
        "touchThreshold": 5
      }
    }
  }
}

<style scoped>
h1{
   background-color:red
}