From eb393db250dc30c7e3da93997fa5586cf8da0bc5 Mon Sep 17 00:00:00 2001
From: Danila Poyarkov <dev@dannote.net>
Date: Fri, 15 May 2026 11:35:01 +0300
Subject: [PATCH] perf(vue): simplify canvas wheel handling

---
 packages/vue/src/shared/input/wheel.ts | 16 +++++++---------
 1 file changed, 7 insertions(+), 9 deletions(-)

diff --git a/packages/vue/src/shared/input/wheel.ts b/packages/vue/src/shared/input/wheel.ts
index c21e245a4..08aa37786 100644
--- a/packages/vue/src/shared/input/wheel.ts
+++ b/packages/vue/src/shared/input/wheel.ts
@@ -1,8 +1,7 @@
+import { useEventListener } from '@vueuse/core'
 import type { Ref } from 'vue'
 
 import type { Editor } from '@open-pencil/core/editor'
-
-import { useWheelGesture } from '#vue/shared/gesture/wheel'
 import { createRafScheduler } from '#vue/shared/input/raf-scheduler'
 
 type WheelAccum = {
@@ -69,14 +68,13 @@ export function setupWheelPanZoom(canvasRef: Ref<HTMLCanvasElement | null>, edit
     wheelScheduler.schedule()
   }
 
-  useWheelGesture(
+  useEventListener(
     canvasRef,
-    ({ event, last }) => {
-      if (!last) onWheel(event)
+    'wheel',
+    (event) => {
+      event.preventDefault()
+      onWheel(event)
     },
-    {
-      eventOptions: { passive: false },
-      preventDefault: true
-    }
+    { passive: false }
   )
 }