UCarousel: Autoplay stopped only with swipe, but no click arrow

[aloky]

Environment

• Operating System: Darwin
• Node Version: v22.18.0
• Nuxt Version: 4.2.0
• CLI Version: 3.29.3
• Nitro Version: 2.12.9
• Package Manager: pnpm@10.14.0
• Builder: -
• User Config: compatibilityDate, devtools, router, experimental, routeRules, $production, $development, site, runtimeConfig, modules, css, ui, fonts, icon, i18n, dayjs, app, eslint
• Runtime Modules: @nuxt/content@3.7.1, @nuxt/eslint@1.10.0, @nuxt/fonts@0.11.4, @nuxt/icon@2.1.0, @nuxt/ui@4.1.0, @nuxt/test-utils@3.20.1, @nuxt/scripts@0.13.0, nuxt-zod-i18n@1.12.1, @nuxtjs/i18n@10.1.2, @nuxtjs/leaflet@1.3.2, @pinia/nuxt@0.11.2, pinia-plugin-persistedstate/nuxt@4.5.0, dayjs-nuxt@2.1.11, @nuxtjs/robots@5.5.6, @compodium/nuxt@0.1.0-beta.12, yandex-metrika-module-nuxt3@1.5.3, nuxt-typed-router@4.0.2, @nuxtjs/sitemap@7.4.7, @sentry/nuxt/module@10.22.0, nuxt-og-image@5.1.12, nuxt-qrcode@0.4.8
• Build Modules: -

Is this bug related to Nuxt or Vue?

Nuxt

Package

v4.x

Version

v4.1.0

Reproduction

https://ui.nuxt.com/docs/components/carousel#autoplay

Description

Autoplay not stop with click arrow button, but swipe can stop

Additional context

No response

Logs

[J-Michalek]

@aloky Hi! If you only want to disable the stop after swipe, you can use the https://www.embla-carousel.com/plugins/autoplay/#stoponinteraction prop

<template>
  <UCarousel
    v-slot="{ item }"
    loop
    arrows
    dots
    :autoplay="{ delay: 2000, stopOnInteraction: false }"
    :items="items"
    :ui="{ item: 'basis-1/3' }"
  >
    <img :src="item" width="234" height="234" class="rounded-lg">
  </UCarousel>
</template>

But I agree it should be consistent for both swipe and button, my guess is we would need to manually call the stop method when the button is pressed depending on the stopOnInteraction prop state.