<template>
  <div>
    <vueSlickAgliardi :arrows="true" :dots="true">
      <div>1</div>
      <div>2</div>
      <div>3</div>
      <div>4</div>
    </vueSlickAgliardi>
  </div>
</template>

<script>
  import vueSlickAgliardi from 'vue-slick-agliardi'
  import 'vue-slick-agliardi/dist/vue-slick-agliardi.css'
  // optional style for arrows & dots
  import 'vue-slick-agliardi/dist/vue-slick-agliardi-theme.css'

  export default {
    name: 'MyComponent',
    components: { vueSlickAgliardi },
  }
</script>