a Nuxt component for handling swipers

<SwiperWrap
  :move-by="1"
  :class=""
  :items-wrapper-class-names=""
>

  <template #before="{ showPagination, go }">
    <div>
      <button
        :aria-disabled="!showPagination.previous"
        aria-label="Gå til forrige"
        @click="() => go.previous(false)"
      >
        prev
      </button>
      <button
        :aria-disabled="!showPagination.next"
        aria-label="Gå til næste"
        @click="() => go.next(false)"
      >
        next
      </button>
    </div>
  </template>

  <template #items>
    <div
      v-for="item in list"
      :key="item"
    >
      ...
    </div>
  </template>

  <template #default="{ pagination }">
    <div
      v-if="images[pagination.index]"
    >
      <span
        v-if="images.length > 1"
        class="
          text-image-pagination
        "
        v-text="`${pagination.index + 1} / ${pagination.count}`"
      ></span>
    </div>
  </template>

</Swiperwrap>