vue-tiny-slider icon indicating copy to clipboard operation
vue-tiny-slider copied to clipboard

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

Open Bashar-AlhajHamad opened this issue 2 years ago • 2 comments

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>

Bashar-AlhajHamad avatar Jul 31 '22 09:07 Bashar-AlhajHamad

commented here

awsomplak avatar Oct 24 '22 20:10 awsomplak

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

alexgrek96 avatar Nov 22 '23 09:11 alexgrek96