LORD-KAY

const state = {
  todos: []
}

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

LORD-KAY

// Path may change depending on where you created the store configurations
import store from "./index.js" 

new Vue({
  store,
  //..other plugins here
}).$mount("#app")

LORD-KAY

<template>
  <div>
    <input type="text" v-model="todo" name="todo" id="addtodo"/>
    <button @click="addTodo">Add New Todo</button>
  </div>
</template>
<script>
export default {
    name: "Todo",
    data() {

LORD-KAY

<template>
   <div>Item from store without getters</div>
   <h3>{{ $store.state.name }}</h3>
</template>
<script>

export default {
   data: () => ({
      name: ''
   })

LORD-KAY

<template>
  <div>
    <h1>All todo items </h1>
    <div v-for="(item,index) in $store.getters['getAllTodos']" :key="index">
      <span>{{ item }}</span>
    </div>
  </div>
</template>
<script>