From 017d5c9f8eb9f927e463b8a7d5c6f1f811d839f5 Mon Sep 17 00:00:00 2001
From: Leonardo Matos <leomp120894@gmail.com>
Date: Thu, 5 Oct 2023 23:36:23 -0300
Subject: [PATCH] feat(storefront): New prop `hasControls` to <Carousel>

Higging controls by default when not more than one slide
---
 packages/storefront/src/lib/components/Carousel.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/storefront/src/lib/components/Carousel.vue b/packages/storefront/src/lib/components/Carousel.vue
index 2eb3c7262..f16e49284 100644
--- a/packages/storefront/src/lib/components/Carousel.vue
+++ b/packages/storefront/src/lib/components/Carousel.vue
@@ -36,6 +36,7 @@ export interface Props {
   index?: number;
   autoplay?: number; // milliseconds
   axis?: 'x' | 'y';
+  hasControls?: boolean
 }
 
 const props = withDefaults(defineProps<Props>(), {
@@ -240,10 +241,10 @@ provide(carouselKey, {
         activeIndex,
       }"
     >
-      <CarouselControl is-prev :axis="axis">
+      <CarouselControl v-show="slideSizes.length > 1 || hasControls" is-prev>
         <slot name="previous" />
       </CarouselControl>
-      <CarouselControl :axis="axis">
+      <CarouselControl v-show="slideSizes.length > 1 || hasControls">
         <slot name="next" />
       </CarouselControl>
     </slot>