Vue 3 wrapper about embla-carousel HOT 13 CLOSED

Released with v7.

from embla-carousel.

@rojadesign would you mind creating a CodeSandbox with your setup? That’s a requirement from my side if you want me to debug and hopefully pinpoint why this is happening.

from embla-carousel.

@davidjerleke thank you for your time. Here is the Vue3 + TypeScript template used - not really working but the same error I have locally also appears there:

Property 'clickAllowed' does not exist on type 'EmblaCarouselType | HTMLElement'.
Property 'clickAllowed' does not exist on type 'HTMLElement'.ts(2339)

from embla-carousel.

@rojadesign yes, this is clearly a TypeScript related bug in the embla-carousel-vue package because the typings are wrong. The type for emblaApi should be EmblaCarouselType | null. I'll have to look into this when possible. Feel free to propose a solution if you want. The Vue wrapper code is here.

Thank you for reporting this. I created the following bug report where we can track the bug:

• #366

Best,
David

from embla-carousel.

Is it working with Vue 2 + @nuxtjs/composition-api ?

from embla-carousel.

@sinneren thank you for your question. It only works with Vue 3.

from embla-carousel.

@davidjerleke I'm not sure if I do something wrong and maybe it's a dumb question, but how can I access the clickAllowed method?

I only get scrollTo suggested, as no other property seems to exist:

Edit: seems to be a TypeScript error but I don't get why the scrollTo is shown as available.

from embla-carousel.

@davidjerleke thank you for your response. Here is a link to the sandbox. I'm not sure if the vue setup syntax is a problem or maybe the only problem.

from embla-carousel.

@rojadesign I think the setup is not working as expected because importing onMounted shouldn't cause any errors. Would you mind trying the following Vue3 + TypeScript template instead?

from embla-carousel.

Hello,
Can this work with the api option ? I can't.

from embla-carousel.

@spoitler I don’t understand the question. Would you mind clarifying what you mean?

from embla-carousel.

is it necessary to use the setup() function to initialize it ?

from embla-carousel.

@spoitler yes I think so.

from embla-carousel.