<template>
  <Slider
    v-if="fetchedData.length"
    :use-fetch="false"
    :news="fetchedData"
    class="home-news-slider-container"
  />
</template>

<script>
import Slider from '@inside-news/components/lib/Slider'

export default {
  name: 'HomeNewsSlider',
  $_i18nRootPath: 'customs.HOMEPAGE.newsSlider',
  components: { Slider },
  props: {
    fetchedData: {
      type: Array
    }
  },
  computed: {
    sliderOptions() {
      return {
        title: this.$t('customs.HOMEPAGE.newsSlider.title', this.$_currentLang),
        border: true,
        titleTag: 'h3'
      }
    }
  }
}
</script>
