Vuexのstateをシンプルに初期化したい

はじめに

大量に宣言されたstateを初期化する必要があり、全部変数に値を入れ直すなんてい・や・だ、と思って、いろいろ試しましたがこんな形に落ち着きました。ご参考まで。

実装内容

store/index.js

const initialState = {
  // 通常stateに記載する値を記載
  user: null
}

export const state = () => Object.assign({}, JSON.parse(JSON.stringify(initialState)))

export const getters = {
  user: (state) => state.user,
}

export const mutations = {
  INIT_DATA(state) {
    Object.assign(state, JSON.parse(JSON.stringify(initialState)))
  }
}

export const actions = {
  initData({ commit }) {
    commit('INIT_DATA')
  }
}