<template>
  <EventsListingBlock
    :block-options="blockOptions"
    :items-per-page="4"
    :pagination="false"
  />
</template>

<script>
import EventsListingBlock from '@inside-events/components/lib/EventsListingBlock'

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