Displaying 3 Items with WrapAround

[florianbruening]

Discussed in https://github.com/ismail9k/vue3-carousel/discussions/151

^{Originally posted by florianbruening February 9, 2022} Hello there,

im trying to display 3 items with wrap around.

My issue right now:

The right most item is not displayed and if i navigate via the buttons or the pagination it always scrolls left.

<carousel
      wrapAround
      :items-to-show="2"
      snap-align="center"
    >
      <slide v-for="num in 3" :key="num">
        <div class="h-100 w-full bg-red-500">
          Test {{ num }}
        </div>
      </slide>
      <template #addons="{ slidesCount }">
        <Navigation v-if="slidesCount > 1" />
        <pagination v-if="slidesCount > 1" />
      </template>
</carousel>

Having 3 items it looks like this:

As soon as i display 4 items it works as expected:

Is there something i can do to have the last behaviour even if i only have 3 items?

[alexmillman23]

same issue.