app/javascript/vue/tasks/observation_matrices/matrix_column_coder/MatrixColumnCoder/Option/OptionUnsecoredRows.vue
<template>
<label class="middle">
<input
type="checkbox"
v-model="onlyUnsecored"
/>
Display only unscored columns
</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 onlyUnsecored = computed({
get: () => {
return store.getters[GetterNames.GetDisplayUnscoredRows]
},
set: (value) => {
store.commit(MutationNames.SetDisplayOnlyUnscored, value)
}
})
</script>