Вычисляемое свойство родительского компонента не реагирует на изменение состояния, вызванное дочерним компонентом

У моего родительского компонента есть вычисляемое свойство с именем showMainBanner, которое содержит состояние хранилища:

computed: {
  showMainBanner () {
    return this.$store.state.config.showMainBanner
  }
}

Мой дочерний компонент при щелчке пользователем меняет это состояние хранилища следующим образом:

this.$store.commit('config/SET_BANNER_STATUS', 'false')

... Что указывает на эту часть магазина:

export const state = () => ({
  showMainBanner: true,
})

export const mutations = {
  SET_BANNER_STATUS (state, config) {
    state.showMainBanner = config
  }
}

Изменение состояния хранилища прошло успешно, но вычисленное свойство showMainBanner родительского компонента не реагирует на это изменение хранилища.

Почему нет?