如何过滤某些vuex数据以响应select更改

// vuex模块
const moduleA = {
  state: {
    items: [
      { id: 1, name: 'Item 1', category: 'Category A' },
      { id: 2, name: 'Item 2', category: 'Category B' },
      { id: 3, name: 'Item 3', category: 'Category A' },
      // ...
    ],
    selectedCategory: 'All' // 默认选择全部分类
  },
  getters: {
    filteredItems: state => {
      if (state.selectedCategory === 'All') {
        return state.items; // 如果选择全部分类，则返回全部items
      } else {
        return state.items.filter(item => item.category === state.selectedCategory); // 根据选择的分类过滤items
      }
    }
  },
  // ...
}

// Vue组件
export default {
  computed: {
    filteredItems() {
      return this.$store.getters['moduleA/filteredItems']; // 获取过滤后的数据
    }
  },
  // ...
}

// Vue组件
export default {
  data() {
    return {
      selectedCategory: 'All' // 初始化选择全部分类
    };
  },
  watch: {
    selectedCategory(newCategory) {
      this.$store.commit('moduleA/updateSelectedCategory', newCategory); // 更新vuex中的selectedCategory
    }
  },
  // ...
}

// vuex模块
const moduleA = {
  // ...
  mutations: {
    updateSelectedCategory(state, newCategory) {
      state.selectedCategory = newCategory;
    }
  },
  // ...
}