Merge pull request #1374 from w3bdesign/dev

Hide checkout button on checkout

Author: w3bdesign

components/Cart/CartContents.vue

@@ -15,7 +15,7 @@
         @remove="handleRemoveProduct"
       />
     </section>
-    <CommonButton link-to="/checkout" center-button>
+    <CommonButton v-if="showCheckoutButton" link-to="/checkout" center-button>
       CHECKOUT
     </CommonButton>
   </div>
@@ -33,6 +33,13 @@ import { computed, ref, onMounted } from 'vue';
 import { useCart } from "@/store/useCart";
 import CommonButton from '@/components/common/CommonButton.vue';
 
+const props = defineProps({
+  showCheckoutButton: {
+    type: Boolean,
+    default: false
+  }
+});
+
 const cart = useCart();
 const isLoading = ref(true);
 const error = ref(null);

pages/cart.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <CartContents show-checkout-button />
+    <CartContents :show-checkout-button="true" />
   </div>
 </template>