Vue.js(Nuxt)でstateの変更を検知できない

Question

前提・実現したいこと

Vue.js（Nuxt）でstateの変更を検知させたい。

発生している問題・エラーメッセージ

mutationsでstateを変更しましたがVueが変更を検知してくれません。

該当のソースコード

export const getters = {
  usersInfo(state) {
    return state.users.info
  },
}

export const mutations = {
  setInfo(state, { info }) {
    state.users.info = info
  },
}

試したこと

Vue.$set(state.users,"info",info)
Vue.set(state.users,"info",info)

補足情報（FW/ツールのバージョンなど）

console.logやconsole.dirで確認するとstateの中身はちゃんと変更されていますが
値の変更時にgetterが呼ばれません。（最初のページ読み込み時には呼ばれてます。）
どのようにすればstateが変更さえれたことをVueに検知させられるでしょうか。

Answer 1

自己解決したので同じ問題に当たった方のために解決した方法を記載します。

変更前
export const mutations = {
  setInfo(state, { info }) {
    state.users.info = info
  },
}

変更後(真ん中の代入方法を変更しただけ)
export const mutations = {
  setInfo(state, { info }) {
    state.users = Object.assign({}, state.users, { info: info })
  },
}