Slide Content Shows as "Undefined" in 2.15.0, but Works in 2.14.0

[camillekaniecki]

Hello! Thanks for your great work on this wonderful package!

I found an issue where the same component in 2.15.0 fails, but it works when rolled back to 2.14.0. Unfortunately, there were no errors in console or npm which would help to narrow down the issue. The Vue devtools also showed all data as being initialized correctly, and the slides were created with the correct data and settings, they were just not displaying in the browser.

The version of Vue I'm using is 2.16.12.

Here's my component:

<template>
  <vueper-slides>
    <vueper-slide
      v-for="(slide, i) in slides"
      :key="i"
      :title="slide.title"
      :content="slide.content"
    />
  </vueper-slides>
</template>

<script>
import { VueperSlide, VueperSlides } from 'vueperslides';
import 'vueperslides/dist/vueperslides.css';

export default {
  name: 'LoginMarketingCarousel',
  components: {
    VueperSlide,
    VueperSlides,
  },
  data: () => ({
    slides: [{
      title: 'Slide #1',
      content: 'Slide content.',
    }, {
      title: 'Slide #2',
      content: 'Slide 2 content.',
    }],
  }),
};
</script>

Below are screenshots of the two different views of the above component depending on whether or not the app is using 2.15.0 or 2.14.0.

Please let me know if there's any more information I can provide which might help!

[zyo2012]

I have the same problem on my site, thanks @camillekaniecki I tried the version 2.14 and it's working. Not sure what's wrong but something got broken in 2.15.

[arunlals89]

Same issue here as well

[EBBozkurt]

Same issue and I tried to downgrade 2.14 but did not work as well.

[dandrews4]

Had the same issue, and the downgrade did not work. I noticed that there was a dependency mismatch stating that 2.16.0 was expecting vue v2.6.14 not 2.6.12. I updated my vue and template compiler to the 2.6.14 version and vueper-slides 2.16.0 started working. I hope that helps others.