SpeciesFileGroup/taxonworks

<template>
  <label class="middle">
    <input
      type="checkbox"
      v-model="onlyUnscored"
    >
    Display only unscored rows
  </label>
</template>

<script setup>
import { computed } from 'vue'
import { useStore } from 'vuex'
import { MutationNames } from '../../store/mutations/mutations'
import { GetterNames } from '../../store/getters/getters'

const store = useStore()

const onlyUnscored = computed({
  get: () => {
    return store.getters[GetterNames.GetDisplayUnscoredRows]
  },

  set: value => {
    store.commit(MutationNames.SetDisplayOnlyUnscored, value)
  }
})
</script>