<template>
  <EventsListingBlock
    :fractions="3"
    :block-options="blockOptions"
    :pagination="false"
  />
</template>

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

export default {
  name: 'HomeEventsListing',
  $_i18nRootPath: 'customs.HOMEPAGE.events',
  components: { EventsListingBlock },
  computed: {
    blockOptions() {
      return {
        title: this.$_tr('title'),
        titleTag: 'h3',
        link: { name: 'EventsCalendarPage' },
        linkLabel: this.$_tr('link'),
        titleOptions: { alignment: 'center' }
      }
    }
  }
}
</script>
