custom pagination issue after navigate page

[wahyuPM]

after navigate to another page than back again the custom pagination not rendered.
this my code

 <Swiper :modules="[SwiperPagination, SwiperAutoplay]" :pagination="{
                    el: '.custom-pagination',
                    enabled: true
                }" class="relative overflow-hidden w-full h-full" :slides-per-view="1" :loop="true"
                    :effect="'creative'" :autoplay="{
                        delay: 2000,
                        disableOnInteraction: true,
                    }">

                    <SwiperSlide v-for="item in data?.data" :key="item.id">
                        <BannerInsightItem :item="item.attributes" />
                    </SwiperSlide>
</Swiper>

<div class="custom-pagination !w-auto  self-center"></div>