From 196931b2c1beca13c983298dcacf0731ca06e43c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jaume=20Sol=C3=ADs?= <jaume.solis@baldarian.com>
Date: Thu, 16 May 2024 15:41:25 +0200
Subject: [PATCH] cambio para que se cargue de primeras el carousel

---
 .../quasar-components/carousel/VerticalCarouselImgs.vue       | 4 +++-
 src/hooks/useVerticalCarouselImgs.js                          | 2 +-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/quasar-components/carousel/VerticalCarouselImgs.vue b/src/components/quasar-components/carousel/VerticalCarouselImgs.vue
index eab11ba..f052a20 100644
--- a/src/components/quasar-components/carousel/VerticalCarouselImgs.vue
+++ b/src/components/quasar-components/carousel/VerticalCarouselImgs.vue
@@ -43,6 +43,8 @@ export default defineComponent({
     } = usePostalCalendar({ type: "home" });
     const { navPos, screenWidth, slide, target } = useVerticalCarouselImgs();
 
+    console.log(slide);
+
     const formStore = useFormStore();
     const { getItemSession } = useLocalStorage();
     const localValues = getItemSession("availability");
@@ -100,7 +102,7 @@ export default defineComponent({
         <div class="vertical-carousel-content">
           <header class="carousel-content-header">
             <h1 class="carousel-header-title">
-              {{ item.longName }}
+              {{ item.longName }} {{ `banner-${i}` }}
             </h1>
           </header>
         </div>
diff --git a/src/hooks/useVerticalCarouselImgs.js b/src/hooks/useVerticalCarouselImgs.js
index 6b08fbe..4d84d4c 100644
--- a/src/hooks/useVerticalCarouselImgs.js
+++ b/src/hooks/useVerticalCarouselImgs.js
@@ -10,7 +10,7 @@ export function useVerticalCarouselImgs() {
 
   const target = ref(null);
   const navPos = ref("bottom");
-  const slide = ref("style");
+  const slide = ref("banner-0");
 
   onMounted(() => {
     screenWidth.value = window.innerWidth;