From df8208dc0f214e9abe5f15048d54ffce3f663626 Mon Sep 17 00:00:00 2001
From: Andreas Zweili <andreas@2li.ch>
Date: Wed, 5 May 2021 15:49:18 +0200
Subject: [PATCH] fix TheHeader

---
 .../src/components/nav/TheHeader.vue                   | 10 +++++++---
 .../src/store/modules/cart/getters.js                  |  3 +++
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/2021-05-05_vuex-11-a-challenge-starting-code/src/components/nav/TheHeader.vue b/2021-05-05_vuex-11-a-challenge-starting-code/src/components/nav/TheHeader.vue
index 4f9fc92..6564290 100644
--- a/2021-05-05_vuex-11-a-challenge-starting-code/src/components/nav/TheHeader.vue
+++ b/2021-05-05_vuex-11-a-challenge-starting-code/src/components/nav/TheHeader.vue
@@ -10,7 +10,7 @@
         </li>
         <li>
           <router-link to="/cart">Cart</router-link>
-          <base-badge mode="elegant">{{ cart.qty }}</base-badge>
+          <base-badge mode="elegant">{{ quantity }}</base-badge>
         </li>
         <li v-if="isLoggedIn">
           <router-link to="/admin">Admin</router-link>
@@ -25,8 +25,12 @@
 </template>
 
 <script>
+import { mapGetters } from 'vuex';
 export default {
-  inject: ['isLoggedIn', 'login', 'logout', 'cart'],
+  inject: ['isLoggedIn', 'login', 'logout'],
+  computed: {
+    ...mapGetters('cart', ['quantity'])
+  }
 };
 </script>
 
@@ -82,4 +86,4 @@ button:hover,
 button:active {
   background-color: #f0d5ff;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/2021-05-05_vuex-11-a-challenge-starting-code/src/store/modules/cart/getters.js b/2021-05-05_vuex-11-a-challenge-starting-code/src/store/modules/cart/getters.js
index 5b72535..0afeaac 100644
--- a/2021-05-05_vuex-11-a-challenge-starting-code/src/store/modules/cart/getters.js
+++ b/2021-05-05_vuex-11-a-challenge-starting-code/src/store/modules/cart/getters.js
@@ -1,5 +1,8 @@
 export default {
   finalTotal(state) {
     return state.total.toFixed(2);
+  },
+  quantity(state) {
+    return state.qty;
   }
 };