Carousel is not emitting events

[axelkennedal]

Describe the bug According to the documentation there are two events slide-start and slide-end that should be emit by the Carousel component when sliding starts and ends.

These events are never emitted.

To Reproduce Steps to reproduce the behavior:

Create a Carousel like so:

<template>
  ...
  <Carousel @slide-start="handleSlideStart">...
</template>

<script setup>
  const handleSlideStart = () => {
    // this is never called...
    console.log("slide start")
  }
  ...
</script>

Expected behavior When using the Carousel on a mobile device/emulator and swiping left/right the function handleSlideStart in the example above should be called.

Screenshots N/a.

Desktop (please complete the following information):

• OS: Windows 11
• Browser Chrome
• Version 108

[igormaozao]

Same error here, no event is been emit.

I'm not on mobile or emulator, just a regular desktop.

Windows 10 Chrome 108

[ismail9k]

It looks like it's working fine check this example. Could you provide me with a minimal working example that regenerates your issue?

[jakubhruby]

I had the same issue when using in Nuxt3. It worked fine in dev, but did not work in prod build. I was using 0.2.5, which was affected, but 0.2.6+ works fine

[sosog]

@axelkennedal try @slideStart it can be just compiling runtime issue, not the package. Please copy your package.json if it doesn't help you.

[axelkennedal]

Unfortunately I cannot provide my code, but yes it does indeed seem to work from @ismail9k `s example. So I guess we can close this.