¡No tengo idea de cuál es el problema aquí, debería ser tan simple como instalar, importar y usar!

Tengo un componente base, esto importa otro componente que contiene Splider:

 // Base.vue <template> <div class="detailGallery"> <div class="detailGalleryViewer"> <keep-alive> <component v-bind:is="currentComponent" :vehicle-id="vehicleId"></component> </keep-alive> </div> </div> </template> <script> export default { props: { vehicleId: { required: true, type: Number|String } }, computed: { currentComponent() { return () => { component: import('./Gallery.vue') }; } } } </script>

 // Gallery.vue <template> <div>Gallery</div> </template> <script> import { Splide, SplideSlide } from '@splidejs/vue-splide'; export default { components: { Splide, SplideSlide, }, props: { vehicleId: { required: true, type: Number | String, }, } }; </script>

Como puede ver, la configuración es muy simple, sin embargo, todo lo que obtengo es el siguiente error:

No capturado (en promesa) TypeError: Object(...) no es una función en Module../node_modules/@splidejs/vue-splide/dist/js/vue-splide.esm.js (9b9e393020eef216bce4.js:2463:80 )

¿¡Alguien se encontró con esto!? ¡Tengo una fecha límite y necesito usar esto!