Disable touch swipes when not on mobile

src/components/common/ScrubableNumberInput.vue

@@ -66,7 +66,13 @@
 </template>
 
 <script setup lang="ts">
-import { onClickOutside, usePointerSwipe, whenever } from '@vueuse/core'
+import {
+  breakpointsTailwind,
+  onClickOutside,
+  usePointerSwipe,
+  useBreakpoints,
+  whenever
+} from '@vueuse/core'
 import { computed, ref, useTemplateRef } from 'vue'
 import { useI18n } from 'vue-i18n'
 
@@ -95,6 +101,8 @@ const {
 const { t } = useI18n()
 const modelValue = defineModel<number>({ default: 0 })
 
+const isMobile = useBreakpoints(breakpointsTailwind).smaller('md')
+
 const container = useTemplateRef<HTMLDivElement>('container')
 const inputField = useTemplateRef<HTMLInputElement>('inputField')
 const swipeElement = useTemplateRef('swipeElement')
@@ -137,7 +145,8 @@ function handlePointerUp() {
 }
 
 const { distanceX, isSwiping } = usePointerSwipe(swipeElement, {
-  onSwipeEnd: () => (dragDelta = 0)
+  onSwipeEnd: () => (dragDelta = 0),
+  pointerTypes: isMobile.value ? ['mouse', 'touch'] : ['mouse']
 })
 
 whenever(distanceX, () => {