'Splide slider Vue package simply doesn't work

No idea what the issue here is, should be as simple as install, import and use!

I have got a base component, this imports another component which contains 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>

enter image description here

As you can see very simple setup, however all i'm getting is the following error:

Uncaught (in promise) TypeError: Object(...) is not a function at Module../node_modules/@splidejs/vue-splide/dist/js/vue-splide.esm.js (9b9e393020eef216bce4.js:2463:80)

Anyone encountered this!? Got a deadline and I need to use this!



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source