anoobbava

updateTodoMutation (state, todo) {
      let index = state.todos.findIndex(element => element.id === todo.id)
      state.todos[index] = todo
    }

anoobbava

async updateTodo (todo) {
    const updatedTodoHash = { is_completed: todo.is_completed }
    const response = await axios.put('todos/' + todo.id, updatedTodoHash)
    return response.data
  }

anoobbava

updateTodoAction ({ commit }, todo) {
      return new Promise((resolve, reject) => {
        ApiHelper.updateTodo(todo)
          .then(response => {
            commit('updateTodoMutation', response)
            resolve(response)
          })
          .catch(error => {
            reject(error)
          })

anoobbava

updateTodo(todo) {
  this.updateTodoAction(todo)
    .then(() => SweetAlert.successfulLogin())
    .catch(() => SweetAlert.failureLogin())
    }

anoobbava

<v-checkbox
                v-model="task.is_completed"
                color="info darken-3"
                @change="updateTodo(task)"
              >

anoobbava

saveTodoMutation (state, todo) {
      state.todos = [...state.todos, todo]
    }

anoobbava

saveTodoAction ({ commit }, todoData) {
      return new Promise((resolve, reject) => {
        ApiHelper.todo(todoData)
          .then(response => {
            commit('saveTodoMutation', response)
            resolve(response)
          })
          .catch(error => {
            reject(error)
          })

anoobbava

createTodo () {
      const todoData = { 'title': this.task }
      this.saveTodoAction(todoData)
        .then(() => {
          this.task = ''
          SweetAlert.successfulLogin()
        })
        .catch(() => {
          SweetAlert.failureLogin()
        })

anoobbava

  async todo (todoData) {
    const response = await axios.post('todos', todoData)
    return response.data
  }

anoobbava

actions: {
    fetchAllTodoAction ({ commit }) {
      return new Promise((resolve, reject) => {
        ApiHelper.todos()
          .then(response => {
            commit('fetchAllTodoMutation', response)
            resolve(response)
          })
          .catch(error => {
            commit('failureTodoMutation')