vuexからstateを呼び出せない

Question

vuexからデータを取ってくる際に、Aは取ってこれているが、Bは空という状況が発生しています。

vuex

export const state = () => ({
  A: [],
  B: [],
})

export const mutations = {
  setA (state, A){
    state.A = A
  },
  setB (state, B){
    state.B = B
  },
}

export const actions = {
  async getA ({ commit }){
    const response = await this.$axios.$get('/api~A')
    commit('setA', response)
  },
  async getB ({ commit }){
    const response = await this.$axios.$get('/api~B')
    commit('setB', response)
  },

この時axiosのapiを直接叩くとデータは取ってきています。

Component

<template>
{{ A }}
{{ B }}
</template>
<script>
  methods: {
    ...mapActions({
      getA: 'getA',
      getB: 'getB'
    })
  },
  
  computed: {
    ...mapState({
      A: (state) => state.A,
      B: (state) => state.B
    }),
</script>

調べるとcomputedの中身は、右辺と左辺が一緒の場合は配列にすることが出来るそうですが、自分の環境で配列にすると、Aが取ってこれずにエラーになってしまいました。

どなたか、間違いをご指摘頂けないでしょうか。
よろしくお願い致します。