fix TheHeader
This commit is contained in:
parent
b80ba07637
commit
df8208dc0f
|
@ -10,7 +10,7 @@
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<router-link to="/cart">Cart</router-link>
|
<router-link to="/cart">Cart</router-link>
|
||||||
<base-badge mode="elegant">{{ cart.qty }}</base-badge>
|
<base-badge mode="elegant">{{ quantity }}</base-badge>
|
||||||
</li>
|
</li>
|
||||||
<li v-if="isLoggedIn">
|
<li v-if="isLoggedIn">
|
||||||
<router-link to="/admin">Admin</router-link>
|
<router-link to="/admin">Admin</router-link>
|
||||||
|
@ -25,8 +25,12 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
import { mapGetters } from 'vuex';
|
||||||
export default {
|
export default {
|
||||||
inject: ['isLoggedIn', 'login', 'logout', 'cart'],
|
inject: ['isLoggedIn', 'login', 'logout'],
|
||||||
|
computed: {
|
||||||
|
...mapGetters('cart', ['quantity'])
|
||||||
|
}
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
@ -82,4 +86,4 @@ button:hover,
|
||||||
button:active {
|
button:active {
|
||||||
background-color: #f0d5ff;
|
background-color: #f0d5ff;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -1,5 +1,8 @@
|
||||||
export default {
|
export default {
|
||||||
finalTotal(state) {
|
finalTotal(state) {
|
||||||
return state.total.toFixed(2);
|
return state.total.toFixed(2);
|
||||||
|
},
|
||||||
|
quantity(state) {
|
||||||
|
return state.qty;
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
Reference in New Issue