From e01093b2accb8223401e3de78d22f8863a7c61f3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=A9bastien=20Chopin?= <seb@chopin.io>
Date: Sun, 12 Feb 2017 11:48:07 +0100
Subject: [PATCH] Usage of getters

---
 examples/vuex-store-modules/pages/todos.vue | 8 ++++----
 examples/vuex-store-modules/store/todos.js  | 6 ++++++
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/examples/vuex-store-modules/pages/todos.vue b/examples/vuex-store-modules/pages/todos.vue
index 771dfe72a0..a3aef45096 100644
--- a/examples/vuex-store-modules/pages/todos.vue
+++ b/examples/vuex-store-modules/pages/todos.vue
@@ -13,12 +13,12 @@
 </template>
 
 <script>
-import { mapMutations } from 'vuex'
+import { mapMutations, mapGetters } from 'vuex'
 
 export default {
-  computed: {
-    todos () { return this.$store.state.todos.list }
-  },
+  computed: mapGetters({
+    todos: 'todos/todos'
+  }),
   methods: {
     addTodo (e) {
       var text = e.target.value
diff --git a/examples/vuex-store-modules/store/todos.js b/examples/vuex-store-modules/store/todos.js
index 5f8d378e73..befde00b95 100644
--- a/examples/vuex-store-modules/store/todos.js
+++ b/examples/vuex-store-modules/store/todos.js
@@ -14,3 +14,9 @@ export const mutations = {
     todo.done = !todo.done
   }
 }
+
+export const getters = {
+  todos (state) {
+    return state.list
+  }
+}