SSR render mismatch

[mfrascati]

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.

[lukaszflorczak]

Right. Thanks, I'll check that.

[create-issue-branch[bot]]

Branch issue-163 created!

[altynbek07]

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

[proxycase]

Just noting – still an issue today

[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...)