<template>
  <div class="mt-4">
    <v-btn
      x-small
      depressed
      text
      v-for="(filter, i) in $store.getters.filtersSelected"
      :key="`filter-check${i}`"
      @click="removeFilterItemFromSelected(filter)"
    >
      <v-icon class="mx-1" color="success">icon-checkmark</v-icon>
      {{ $store.getters.getFilterItemById(filter).title | capitalize }}
    </v-btn>
  </div>
</template>

<script>
export default {
  methods: {
    removeFilterItemFromSelected(filterItemId) {
      this.$store.commit('learning/REMOVE_SELECTED_FILTER', filterItemId)
    },
  },
}
</script>
