diff options
Diffstat (limited to 'client/src/App.vue')
-rw-r--r-- | client/src/App.vue | 12 |
1 files changed, 10 insertions, 2 deletions
diff --git a/client/src/App.vue b/client/src/App.vue index 3a66a9e..906716b 100644 --- a/client/src/App.vue +++ b/client/src/App.vue @@ -10,7 +10,10 @@ <router-link class="nav-link" active-class="active" to="/">Home</router-link> </li> <li class="nav-item"> - <router-link class="nav-link" active-class="active" to="/checkout">Checkout</router-link> + <router-link class="nav-link" active-class="active" to="/checkout"> + Checkout + <span class="badge bg-light rounded-pill text-dark" v-text="cartSize"></span> + </router-link> </li> <li class="nav-item"> <router-link class="nav-link" active-class="active" to="/register">Register</router-link> @@ -29,7 +32,12 @@ <script> export default { - + name: 'Checkout', + computed: { + cartSize() { + return this.$store.getters.getCartSize; + } + } } </script> |