maz-ui/dist/composables/useSwipe.js

A standalone components library for Vue.Js 3 & Nuxt.Js 3

import{computed,ref,toValue}from"vue";import{Swipe}from"@maz-ui/utils/helpers/swipeHandler";function useSwipe(options){let xDiff=ref();let yDiff=ref();let xStart=ref();let xEnd=ref();let yStart=ref();let yEnd=ref();let element=computed(()=>toValue(options.element));let swiper=new Swipe({...options,element:element.value,onValuesChanged(values){xDiff.value=values.xDiff,yDiff.value=values.yDiff,xStart.value=values.xStart,xEnd.value=values.xEnd,yStart.value=values.yStart,yEnd.value=values.yEnd}});return{xDiff,yDiff,xStart,xEnd,yStart,yEnd,start:()=>{element.value&&(swiper.options.element=element.value),swiper.start()},stop:swiper.stop}}export{useSwipe};