jambonn / vue-concise-carousel

Vue Concise Carousel with True SSR Written for Jambon
https://jambonn.github.io/vue-concise-carousel
MIT License
23 stars 7 forks source link

Navigation Elements don't update their state reactively #22

Closed ReiwuKleiwu closed 11 months ago

ReiwuKleiwu commented 11 months ago

Current Behavior: I am currently trying to write an Avatar-Picker using this carousel and each slide has 15 Avatars displayed, with over 500 avatars in total to choose from. Instead of fetching all avatars at once (and fully populating the carousel / slides), I always wanna fetch just the next slide (the next 15 avatars). And while the slide gets added to the DOM perfectly fine, the arrow button for the navigation stays disabled.

Expected Behvaior: The navigation buttons should change from disabled to enabled reactively, depending on whether there is a next slide or not (without having to go back and forth a slide yourself).

Minimal reproduction example: https://stackblitz.com/edit/github-jway3l-evhpsw?file=app.vue

In this example I create a carousel and add a new slide after 5 seconds. Make sure to go to the last slide (the third) before the new slide gets added after these 5 seconds.

jambonn commented 11 months ago

@ReiwuKleiwu I have just published a new version, please update to the latest version. This is your demo, and I have tested it: https://stackblitz.com/edit/github-jway3l-bn4fca?file=app.vue

ReiwuKleiwu commented 11 months ago

@jambonn Now everything works perfectly as expected!

Thank you so much for keeping this plugin up to date, I appreciate your work.

jambonn commented 11 months ago

@ReiwuKleiwu Very glad to assist you, if you find the plugin helpful, please share it with others to help me. Thank you.