Nuxt.jsで編集画面実装の際、Vuex storeのstateから、ID検索で値を取得→ input要素にv-modelするとエラーになってしまう問題について。

Question

【質問内容】
Nuxtでの開発で、編集画面機能の元データを、store.stateから引っ張ってくる際、
そのデータを<input v-model>すると、フォームの値を変更するときに

[vuex] do not mutate vuex store state outside mutation handlers.

というエラーがでてしまいます。
元データは、id検索で、store.getters内のメソッドで取得しております。
一度、const hoge　に格納しているので、バインディングはされていないと思ったのですが、うまくいきません。

そして、なぜか、
store/index.jsのコードの先頭に、

export const strict = false

と追記すると、このエラーは消えます。
そもそも、編集画面でv-modelするデータを、store.stateから検索して取得するというロジックが間違っているのでしょうか？？
これをfirestore側から1件取得・・・というのは、非同期処理で実現できると思いますが、
なんだか不自然な気がしております。

この問題の解決策がわかる方おりましたら、ご教示頂けたら助かります。
よろしくお願いいたします。

---
◆開発環境（機能：事故データ管理システムのCRUD機能）

• Vue（Nuxt.js、Vuetify）
• Vuex
• CloudFireStore

---

以下のような構成で、編集ページの機能を持たせようとしております。

【機能構成】
index.vue　（事故データ一覧表示）

↓　どれか１つの「編集ボタン」クリック

_id.vue　（idに紐づくデータをstoreよりひっぱり、フォームに復元、編集できるようにする）

---

コードのロジックとしては、以下に記載の通りです。

/* store/accidents.js */

export const state = () => ({
  accidents: [],  //事故一覧のデータ、idや日時、ユーザー名など格納
})

export const getters = {
  // 編集用のデータをstate.accidentsからID検索取得
  getAccidentById: (state) => (id) => {
    return state.accidents.find(accident => accident.id === id)
  },
}

// vue単一コンポーネント（　データ編集画面機能 ）
// edit/_id.vue
<template>
  <div>
    <input v-model='accident_data.user_name' type="text">
    <input v-model='accident_data.accident_place' type="text">
    <button @click='registFunction'>登録</button>
  </div>
</template>


export default {
  created() {
      const accident = this.$store.getters['accidents/getAccidentById'](this.$route.params.id)
  	// IDに紐づくデータが取得できた場合、this.accident_data（v-model用変数）に代入
  	if(accident) {
          this.accident_data = accident
        } else {
          this.$router.push({ name: 'index' })
        }
  },
  data: function() {
    return {
    	accident_data: {},
    }
  }
}

Answer 1

こちら、一応、自己解決できました。

stateのオブジェクトを参照で渡してしまっていたので、

（edit/_id.vueの中）

const temp_obj = this.$store.getters['accidents/getAccidentById'](this.$route.params.id)
this.accident_data = Object.assign({}, temp_obj)

とすることで、store.stateとのバインディングからは話されたオブジェクトになり、inputでv-modelしても問題なく動くようになりました。

このロジックが良いのかは分かりませんが、、もっと良いやり方ありましたら、ご指摘お願いいたします。