cambio para que se cargue de primeras el carousel

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>

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;