From 2e8ae420acb2ed2428e453515c84935bac225751 Mon Sep 17 00:00:00 2001 From: Pihkaal Date: Wed, 19 Nov 2025 01:29:53 +0100 Subject: [PATCH] feat: implement useMouseWheel composable --- app/composables/useMouseWheel.ts | 15 +++++++++++++++ 1 file changed, 15 insertions(+) create mode 100644 app/composables/useMouseWheel.ts diff --git a/app/composables/useMouseWheel.ts b/app/composables/useMouseWheel.ts new file mode 100644 index 0000000..2d50598 --- /dev/null +++ b/app/composables/useMouseWheel.ts @@ -0,0 +1,15 @@ +export type MouseWheelCallback = (deltaY: number, deltaX: number) => void; + +export const useMouseWheel = (callback: MouseWheelCallback) => { + const handleWheel = (event: WheelEvent) => { + callback(event.deltaY, event.deltaX); + }; + + onMounted(() => { + window.addEventListener("wheel", handleWheel, { passive: true }); + }); + + onUnmounted(() => { + window.removeEventListener("wheel", handleWheel); + }); +};