Vuexでstoreのstateを初期化する

はじめに

Vuexを使用しているとき、ログアウト処理などでstoreのstateを初期状態に戻したいことがあると思います。いくつかやり方はあると思うのですが、私が手軽だと思った情報を記載します。

方法

こんな感じです。実際に利用する際はactionsなどから呼び出すことになると思いますが、ここでは最低限のコードのみ記載しています。
こちらを参考にしました。参考というよりそのまま持ってきただけですが。。

store/sample.js

// stateの初期値としたい任意のデータを定義する
function getDefaultState() {
  return {
    idToken: null,
    uid: null
  }
}

// stateを初期化する
export const state = getDefaultState()

export const mutations = {
  // stateを初期化するmutationを定義
  clearAuthData(state) {
    Object.assign(state, getDefaultState())
  }
}

おわり

とくに問題ないと思っていますが、何かご指摘あれば教えてくださいm(__)m