Почему не подключается дополнение для плагина Splidejs на Vue 2?

В проект на Vue 2 подключаю плагин карусели Splide. И дополнение для воспроизведения видео.

<template>
  <div>
        <Splide
          aria-labelledby="video-example-heading"
          :options="splideOptions"
          :extensions="splideExtensions"
        >
          <SplideSlide
            v-for="(id, index) in videos"
            :key="id"
            :data-splide-youtube="id"
          >
            <img
              :src="`https://i3.ytimg.com/vi/${id}/maxresdefault.jpg`"
              :alt="`YouTube Sample ${index + 1}`"
            />
          </SplideSlide>
        </Splide>
      </div>
  </div>
</template>
<script>
import { Splide, SplideSlide } from "@splidejs/vue-splide";
import { Video } from "@splidejs/splide-extension-video";

export default {
  components: { Splide, SplideSlide },
  data() {
    return {
      videos: ["3GNQL3alB-Y", "xLJ2QQDrN9k", "cdz__ojQOuU", "oS6N_ZBFDZE"],
      splideOptions: {
        type: "loop",
        pagination: true,
      },
      splideExtensions: { Video },
    };
  },
  methods: {},
  mounted() {},
  created: function () {},
  computed: {},
};
</script>

Вылетает ошибка. Делал по этому примеру для Vue 3.

TypeError: Cannot read properties of undefined (reading 'bus')
    at EventInterface (splide-extension-video.esm.js?9728:151:1)
    at Video (splide-extension-video.esm.js?9728:3454:1)
    at eval (splide.esm.js?4a35:851:1)
    at eval (splide.esm.js?4a35:220:1)
    at Array.some (<anonymous>)
    at each (splide.esm.js?4a35:219:1)
    at compose (splide.esm.js?4a35:850:1)
    at Splide.mount (splide.esm.js?4a35:1512:1)
    at VueComponent.mounted (Splide.vue?27a8:54:1)
    at invokeWithErrorHandling (vue.runtime.esm.js?2b0e:1854:1)

Ответы (0 шт):