vue 3 + typescript: Uncaught (in promise) TypeError: t is not a function when use tiny slider

[Bashar-AlhajHamad]

vue-tiny-slider.ts:

import { App } from "vue";
import VueTinySlider from "vue-tiny-slider";

export function initVTinySlider(app: App<Element>) {
	app.component("tiny-slider", VueTinySlider);
}

usage:

<tiny-slider :mouse-drag="true" :loop="false" :items="2">
	<div>Slider item #1</div>
	<div>Slider item #2</div>
	<div>Slider item #3</div>
	<div>Slider item #4</div>
	<div>Slider item #5</div>
	<div>Slider item #6</div>
</tiny-slider>

[awsomplak]

commented here

[alexgrek96]

import { defineComponent, h } from "vue";
import VueTinySlider from "vue-tiny-slider";

export default defineComponent({
extends: VueTinySlider,
render() {
return h(
"div",
this.$slots?.default ? this.$slots.default() : {} as any);
},
});