From 79a8f837df4233511f57986d9893bf18df559e6f Mon Sep 17 00:00:00 2001
From: Chris Kaczor <chris@kaczorzoo.net>
Date: Fri, 20 Dec 2024 16:42:52 +0000
Subject: [PATCH] Switch to pointer events

---
 WebDisplay/src/components/LongPressButton.vue | 20 +++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/WebDisplay/src/components/LongPressButton.vue b/WebDisplay/src/components/LongPressButton.vue
index 9bc017b..3302c09 100644
--- a/WebDisplay/src/components/LongPressButton.vue
+++ b/WebDisplay/src/components/LongPressButton.vue
@@ -9,32 +9,32 @@
 
     let interval: NodeJS.Timeout;
 
-    function mousedown() {
+    function startProgress() {
         loading.value = true;
 
-        increment();
+        incrementProgress();
 
-        interval = setInterval(increment, props.increment);
+        interval = setInterval(incrementProgress, props.increment);
     }
 
-    function mouseup() {
-        reset();
+    function stopProgress() {
+        resetProgress();
     }
 
-    function reset() {
+    function resetProgress() {
         clearInterval(interval);
 
         loading.value = false;
         current.value = 0;
     }
 
-    function increment() {
+    function incrementProgress() {
         current.value = current.value + props.increment;
 
         if (current.value >= props.duration) {
             emit('longPress');
 
-            reset();
+            resetProgress();
         }
     }
 
@@ -50,8 +50,8 @@
 <template>
     <button
         :class="{ 'loading-button': loading }"
-        @mousedown="mousedown"
-        @mouseup="mouseup">
+        @pointerdown="startProgress"
+        @pointerup="stopProgress">
         <span v-show="!loading">
             <slot name="default"></slot>
         </span>