Demonstr66

Подходит. Но, например, мне, как пользователю, не всегда нравится, что на мобильном и в большом компьютере у меня разные корзины.

<template>
  <div>
    <Filter/>
  </div>
</template>


<script>
import Filter from './Filter'

export default {
  components: {
    Filter,
  },
}
</script>

Делаете ещё одно вычисляемое свойство - массив выбранных элементов. Геттер достаёт соответствующий массив из стора, сеттер вызывает мутацию. Используете это свойство в v-model чекбоксов. Вычисляемое свойство, управляющее выбором всех чекбоксов, переписываете следующим образом: в геттере сравниваете длины массивов всех элементов и выбранных, в сеттере устанавливаете значение вычисляемого свойства выбранных элементов. Например.