Finish basic store example

scotch-io · Apr 11, 2018 · 82527ea · 82527ea
1 parent 39dc345
commit 82527ea
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 6 deletions.
diff --git a/src/components/ListView/_ListView.vue b/src/components/ListView/_ListView.vue
@@ -31,7 +31,7 @@
   import sweetalert from 'sweetalert'
   import Todo from './Todo.vue'
   import CreateTodo from './TodoCreate.vue'
-  import { mapState } from 'vuex'
+  import { mapState, mapMutations } from 'vuex'
 
   // Todo: use absolute path src/ as root https://github.com/parcel-bundler/parcel/pull/850
   import { TheHeader } from '../index.js'
@@ -80,6 +80,8 @@
     },
 
     methods: {
+      ...mapMutations(['addTodo']),
+
       deleteTodo(todo) {
         sweetalert(
           'Are you sure you want to delete that?', {
@@ -107,7 +109,9 @@
       },
 
       createTodo(newTodo) {
-        this.todos.push(newTodo)
+
+        this.addTodo(newTodo)
+
 
         sweetalert('Success!', 'To-Do created!', 'success')
       },

diff --git a/src/store.js b/src/store.js
@@ -24,10 +24,9 @@ export default new Vuex.Store({
     }],
   },
   mutations: {
-    // addTodo (state) {
-    //   console.log('addTodo: %o', state)
-    //   // state.todos
-    // },
+    addTodo (state, newTodo) {
+      state.todos.push(newTodo)
+    },
   },
 })