<template>
  <select-base
    :options="options"
    v-bind="$attrs"
    :multiple="false"
    emit-value
    map-options
    v-on="$listeners"
  />
</template>

<script lang="ts">
import { Component, Vue } from 'vue-property-decorator';
import SelectBase from './select-base.vue';

@Component({
  inheritAttrs: false,
  components: { SelectBase },
})
export default class SelectEvery extends Vue {
  protected get options() {
    return ['day', 'week', 'month', 'quarter', 'sixMonths', 'year'].map(
      (value) => ({
        label: this.$t(`reports.every.${value}`),
        value,
      })
    );
  }
}
</script>
