Как обновить значение в store?

Question

[dimakal1]

Компонент счетчик количества, используется в нескольких других компонентах. Нужно, чтобы при изменении количества в одном компоненте, оно менялось во всех. Для этого использую Vuex, получаю начальное количество (0), но не получается изменить. Пробовал приравнивать к локальному количеству в компоненте и отправлять его, но как-то не получилось.

<template>
  <div class="buttons" :class="{'visible': count > 0}">
    <button class="minus" @click="count > 0 ? count-- : count">-</button>
    <p class="count">
      <span>&#10006;</span>
      {{count}}
    </p>
    <button class="plus" @click="count++">+</button>
  </div>
</template>

<script>
export default {
  props: ["index"],
  data() {
    return {
        
    };
  },
  methods: {},
  computed: {
      count: {
          get() {
              return this.$store.getters.getDishes[this.index].count
          },
          set() {
              this.$store.commit('setCount', {
                  count: this.localCount,
                  index: this.index
              })
          }
      }
  },
};

Answer 1

[0xD34F]

set(count) {
  this.$store.commit('setCount', {
    count,
    index: this.index,
  });
},