Pagination is not clickable

[mmpserra]

Hi! Im using vue 3 script setup with Swiper Element (WebComponent).
Im having an issue with pagination.
My code:

<swiper-container
      ref="swiperRef"
      :loop="true"
      :slides-per-group="3"
      navigation
      pagination
      slides-per-view="auto"
      @mouseenter="displayButtons = true"
    >
      <swiper-slide
        v-for="(item,i) in props.data"
        :key="i"
        @mouseleave="displayButtons = false"
      >
        <JobOffersDashboardCard
          :job-item="item" :show-matching="showMatching" :type="type"></JobOffersDashboardCard>
      </swiper-slide>
    </swiper-container>

I'm doing the register on main.js:

 import { register } from 'swiper/element/bundle';
register();


The pagination dots appear but are not clickable even when I put `:pagination={clickable:true}`