From 096fa93a5cbeda78f781475dd8106fb4453fad92 Mon Sep 17 00:00:00 2001
From: Andreas Zweili <andreas@2li.ch>
Date: Tue, 4 May 2021 22:56:35 +0200
Subject: [PATCH] lesson 216: mapGetters

---
 .../src/components/FavoriteValue.vue                      | 8 ++++----
 .../src/components/TheCounter.vue                         | 8 ++++----
 2021-05-04_vuex-01-starting-setup/src/store.js            | 4 +---
 3 files changed, 9 insertions(+), 11 deletions(-)

diff --git a/2021-05-04_vuex-01-starting-setup/src/components/FavoriteValue.vue b/2021-05-04_vuex-01-starting-setup/src/components/FavoriteValue.vue
index f7fccdc..0a88f73 100644
--- a/2021-05-04_vuex-01-starting-setup/src/components/FavoriteValue.vue
+++ b/2021-05-04_vuex-01-starting-setup/src/components/FavoriteValue.vue
@@ -1,14 +1,14 @@
 <template>
-  <h3>{{ counter }}</h3>
+  <h3>{{ finalCounter }}</h3>
   <p>More...</p>
 </template>
 
 <script>
+import { mapGetters } from 'vuex';
+
 export default {
   computed: {
-    counter() {
-      return this.$store.getters.normalizedCounter;
-    }
+    ...mapGetters(['finalCounter'])
   }
 };
 </script>
diff --git a/2021-05-04_vuex-01-starting-setup/src/components/TheCounter.vue b/2021-05-04_vuex-01-starting-setup/src/components/TheCounter.vue
index ce2d3a1..e260d87 100644
--- a/2021-05-04_vuex-01-starting-setup/src/components/TheCounter.vue
+++ b/2021-05-04_vuex-01-starting-setup/src/components/TheCounter.vue
@@ -1,13 +1,13 @@
 <template>
-  <h3>{{ counter }}</h3>
+  <h3>{{ finalCounter }}</h3>
 </template>
 
 <script>
+import { mapGetters } from 'vuex';
+
 export default {
   computed: {
-    counter() {
-      return this.$store.getters.finalCounter;
-    }
+    ...mapGetters(['finalCounter'])
   }
 };
 </script>
diff --git a/2021-05-04_vuex-01-starting-setup/src/store.js b/2021-05-04_vuex-01-starting-setup/src/store.js
index d695766..21d2a3e 100644
--- a/2021-05-04_vuex-01-starting-setup/src/store.js
+++ b/2021-05-04_vuex-01-starting-setup/src/store.js
@@ -36,9 +36,7 @@ const store = createStore({
       }, 2000);
     },
     increase(context, payload) {
-      setTimeout(function() {
-        context.commit('increase', payload);
-      }, 2000);
+      context.commit('increase', payload);
     }
   }
 });