SSR render mismatch

Just check the demo repo, you’ll have this error in console

At a first glance it seems that the problem could be connected to the “currentSlide” value. If you look close on page load none of the dots is marked as active, while after page refresh the first one is.

Setting { dots: false } on <agile> and restoring to true after mounted(), works as a temporary fix.

[altynbek07]

@lukaszflorczak I have same problem. Are there any news? 🙃

[sinasita]

I had the same problem, it’s ugly, but I solved it with:

  <VueAgile
    :dots="showCarousel"
    :initial-slide="activeIndex"
    @before-change="onChangeSlide"
  >

…

  data() {
    return {
      showCarousel: false,
    };
  },
  mounted() {
      this.showCarousel = true;
  },

(Acutally I just realized, that @mfrascati already wrote, that it worked for him like that…)