объединение 2 каруселей vue 3d carousel

Есть 2 карусели написанные на vue 3d carousel,нужно чтобы при нажатии на стрелки у 1 карусели переключались обе, помогите пожалуйста.

<div id="example2">

  <carousel-3d :perspective="0" :display="3" :space="200" :controls-visible="true" >
    <slide v-for="(slide, i) in slides" :index="i" >
      <figure>
          <img v-bind:src="slide.src" />
          <figcaption>
            <h2>{{slide.title}}</h2>
            <p>{{slide.desc}}</p>
          </figcaption>
      </figure>
    </slide>
  </carousel-3d>

</div>
<script>
new Vue({
  el: '#example2',
  data: {
    slides: [{
      src: 'cart.png',

    }, {
      src: 'http://cdn.koreaboo.com/wp-content/uploads/2016/12/gugudan-sejeong-1-360x270.jpg',

    }, {

      src: 'http://cdn.koreaboo.com/wp-content/uploads/2016/12/gugudan-sejeong-1-360x270.jpg',

    }, {

      src: 'http://img1.joyreactor.cc/pics/post/AMD-ryzen-Лиза-Су-Pixel-Art-5271731.gif',

    }, {

      src: 'https://upload.wikimedia.org/wikipedia/commons/6/65/AMD_CEO_Lisa_Su_20130415_cropped.jpg',

    }]
  },
  components: {
    'carousel-3d': Carousel3d.Carousel3d,
    'slide': Carousel3d.Slide
  }
})
</script>

<div id="example3">
  <carousel-3d :disable3d="true" :space="365" :clickable="false" :controls-visible="true">
    <slide v-for="(slide, i) in slides" :index="i">
      <span class="title">You know</span>
      <p>You know, being a test pilot isn't always the healthiest business in the world.</p>
    </slide>
  </carousel-3d>
</div>
<script>
  new Vue({
  el: '#example3',
  data: {
    slides: 7
  },
  components: {
    'carousel-3d': Carousel3d.Carousel3d,
    'slide': Carousel3d.Slide
  }
})

</script>
</div>

https://jsfiddle.net/3j2uLx6a/2/