[todoリスト]投稿済みのテキストを編集後に送信するとエラーが出る

Question

前提・実現したいこと

todoリストを作成しています。編集機能の実装が思うようにいかないので知恵を貸して頂きたいです。
具体的には編集が完了した後に保存ボタンを押すとエラーが出てしまいます。

[実装したい内容]

①画像の追加したリストの横にあるドットアイコンを押すと編集するという文字が表示されます。

②クリックすると、「リストを追加しています」の記載が、todo入力箇所に表示される
③保存をクリックすると変更が元のtodoの場所に表示される　←ここが反映されずエラーが出てしまう

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

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

Cannot read property 'text' of undefined

該当のソースコード

           <template #activator="{ on, attrs }">
            <v-btn
              v-bind="attrs"
              icon
              class="mt-6"
              v-on="on"
            >
              <v-icon>
                mdi-dots-vertical
              </v-icon>
            </v-btn>
          </template>
          <v-list>
            <v-list-item
              link
            >
              <v-list-item-title @click="toEdit(todo)">
                <v-icon>mdi-pencil</v-icon>
                編集
              </v-list-item-title>
            </v-list-item>
          </v-list>
          <v-list>
            <v-list-item
              link
            >
              <v-list-item-title @click="removeTodo(todo)">
                <v-icon>mdi-delete</v-icon>
                削除
              </v-list-item-title>
            </v-list-item>
          </v-list>
        </v-menu>
      </v-row>

      <v-text-field
        v-model="itemText"
        filled
        color="pink lighten-3"
        auto-grow
      />
      <v-btn
        :disabled="disabled"
        @click="addTodo"
      >
        保存
      </v-btn>

export default {
  data () {
    return {
      editIndex: false, //編集状態の時はtrueになる
      itemText: '',
      selectedTodo: [],//toEditメソッドを実行すると選択されたtodo情報が配列に入れられる
      items: [
        { title: '編集', icon: 'mdi-pencil' },
        { title: '削除', icon: 'mdi-delete' }
      ]
    }
  },

  computed: {
//todoリストをstoreから呼び出す
    todos () {
      return this.$store.state.todos.list
    },

    disabled () {
      return this.itemText.length === 0
    }
  },

  methods: {
//新規todoリスト追加。editIndexがtrueの場合はtodos/editで編集を反映させる
    addTodo () {
      if (this.editIndex === false) {
        this.$store.commit('todos/add', this.itemText)
        this.itemText = ''
      } else {
        // this.selectedTodo・・・編集対象のリストを取得
　　　　　　　　　　　　　　　// this.itemText・・・編集テキストを反映させる
        this.$store.commit('todos/edit', this.selectedTodo, this.itemText)
        this.itemText = ''
        this.editIndex = false
      }
    },
//編集
    toEdit (todo) {
      this.editIndex = true　//todo追加ボタンをクリックした時の処理を分ける
      this.selectedTodo = this.todo　　//選択されたリストをselectedTodoで管理
      this.itemText = todo.text　//　編集対象を入力欄に入れる
    },
//削除
    removeTodo (todo) {
      this.$store.commit('todos/remove', todo)
    }
  }
}
</script>

export const state = () => ({
//todoリストを配列で保存
  list: []
})

export const mutations = {
export const state = () => ({
  list: []
})

export const mutations = {
  add (state, text) {
    state.list.push({
      text
    })
  },
  remove (state, todo) {
    state.list.splice(state.list.indexOf(todo), 1)
  },

//　引数todo・・・編集対象を取得
/　/引数tex・・・変更したテキストを
  edit (state, todo, text) {
    state.list.splice(state.list.indexOf(todo), 1, text)
  }
}

試したこと

Cannot read property 'text' of undefined

上記のエラーでstore/editで編集箇所をstore/editが取得できていないのではないかと思い、選択した値をselectedTodoに格納してからstoreに送るようにしましたがエラーは変わりませんでした。

    state.list.splice(state.list.indexOf(todo), 1, text)
  }

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

・Nuxt2.15
・Vuetify
・Rails6.1