viktorlarsson / vue-tiny-slider

Vanilla javascript slider for all purposes created by ganlanyuan in Vue.
MIT License
135 stars 50 forks source link

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

Open Bashar-AlhajHamad opened 2 years ago

Bashar-AlhajHamad commented 2 years ago

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 2 years ago

commented here

alexgrek96 commented 11 months ago

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); }, });