<template>
  <div>
    <h1 class="subtitle has-text-centered">
      Summary
    </h1>
    <h1 class="title has-text-centered">
      {{ cartTotal }}
    </h1>
    <router-link to="/checkout" class="button is-primary">
      Checkout
    </router-link>
  </div>
</template>

<script>
export default {
  name: "Totals",
  computed: {
    cartTotal() {
      return this.$store.getters.cartTotal;
    }
  },
  methods: {}
};
</script>
