A sample index.js depicting the vuex code structure and definitions

index.js

const state = {
  todos: []
}

const mutations = {
  ADD_TODO(state, payload) {
    state.todos.push(payload)
  }
}

const actions = {
  addTodoItem({commit}, payload) {
    commit("ADD_TODO", payload)
  }
}

const getters = {
  getAllTodos: state => state.todos
}

export default {
  state,
  mutations,
  actions,
  getters
}