Почему не подключается дополнение для плагина 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)