onAuthStateChangedで関数を呼び出せないのか。

Question

前提・実現したいこと

Nuxt×firebaseを学習しております。

onAuthStateChangedで関数を呼び出す処理がしたいのですが、エラーが起きてしまいます。

vuexを使用しております。

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

do not mutate vuex store state outside mutation handlers

該当のソースコード

~省略~
    created() {
      firebase.auth().onAuthStateChanged(user => {
        if(user){
         //ログインされると、setLoginActionsを呼び出す。
　　　　//引数でユーザー情報を渡す。
          this.$store.dispatch('frame/setLoginActions', user)
        } else {
　　　　//ログアウトされると、deleteLoginActionsを呼び出す。
          this.$store.dispatch('frame/deleteLoginActions')
        }
      })
    },
~省略~

（抜粋）

export const state = () => ({
  login_user: null,
})

export const actions = {
//setLoginMutationsを呼び出す。
  setLoginActions({ commit },user){
    commit('setLoginMutations', user)
  },
//deleteLoginMutationsを呼び出す。
   deleteLoginActions({ commit }) {
    commit('deleteLoginMutations')
  },
}

export const mutations = {
　//ユーザー情報を渡す。
  setLoginMutations(state,user){
    state.login_user = user
  },
  //ユーザー情報を削除する。
  deleteLoginMutations(state){
    state.login_user = null
  }
}

その他

上記コードでは、エラーが起きてしまいます。原因が分かる方や、代替案が分かる方がいらっしゃいましたら、教えていただけないでしょうか。

よろしくお願いいたします。

Comments

[Masa-Shin]

「mutation以外でstateを更新するな」というエラーが出ていますが、提示されたコードにはそのようなことをしている箇所がない気がします。