<template>
  <ListingBlock
    :pagination="false"
    :block-options="blockOptions"
    class="home-events-container"
  />
</template>

<script>
import ListingBlock from '@inside-commons/components/lib/Block'

export default {
  name: 'HomeEventsListing',
  $_i18nRootPath: 'customs.HOMEPAGE.events',
  components: { ListingBlock },
  computed: {
    blockOptions() {
      return {
        title: this.$t('title', this.$_currentLang),
        titleTag: 'h3',
        link: { name: 'EventsCalendarPage' },
        linkLabel: this.$t(
          'customs.HOMEPAGE.events.moreEvents',
          this.$_currentLang
        )
      }
    }
  }
}
</script>
