Некорректно работает свайпер (vue.js, framework7)

Есть свайпер, листает все прекрасно и работает как надо кроме одного НО, первая итерация происходит сначала на шаг назад, не пойму в чем проблема. Возможно в индексах, но как сделать еще "правильнее" не понимаю.

        <f7-swiper 
            class="top-swiper"
            :params="{ 
                spaceBetween: 10,
                loop: true,
                autoplay: { delay: 1000, disableOnInteraction:false } }">
            <f7-swiper-slide v-for="banner in shownBanners" :key="banner.id">
                <div 
                    class="top-content"
                    :style="`background: url(${ imageSrc(banner.picture) })`"
                    @click="onClick(banner)"
                >
                    <div v-if="banner.main_text" class="top-banner-main-text font-oswald">{{ banner.main_text }}</div>
                    <div v-if="banner.additional_text" class="top-banner-additional-text">{{ banner.additional_text }}</div>
                </div>
            </f7-swiper-slide>
        </f7-swiper>