From 9a0034ba0ede25662e20bbcaa313d3a836f3d5c5 Mon Sep 17 00:00:00 2001
From: AJ Slater <aj@slater.net>
Date: Tue, 12 May 2026 15:23:00 -0700
Subject: [PATCH] feat(reader): swipe to turn pages on touch devices

Override v-window's default touch handlers in the horizontal pager so
left/right swipes route through ``routeToDirection`` instead of trying
to flip between the (disabled) v-window items. Mirrors the keyboard
arrow behavior, so RTL handling is automatic via ``normalizeDirection``.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 .../components/reader/pager/pager-horizontal.vue | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/frontend/src/components/reader/pager/pager-horizontal.vue b/frontend/src/components/reader/pager/pager-horizontal.vue
index 7641d02b6..a29047413 100644
--- a/frontend/src/components/reader/pager/pager-horizontal.vue
+++ b/frontend/src/components/reader/pager/pager-horizontal.vue
@@ -4,6 +4,7 @@
     continuous
     :model-value="windowIndex"
     :reverse="isReadInReverse"
+    :touch="swipeHandlers"
   >
     <template #prev>
       <PageChangeLink direction="prev" />
@@ -87,6 +88,20 @@ export default {
       const val = this.activePage - this.pages[0];
       return Math.min(Math.max(0, val), this.book?.maxPage || 0);
     },
+    swipeHandlers() {
+      /*
+       * Override v-window's built-in touch nav so swipes route
+       * through the comic page URL like the keyboard arrows do.
+       * The default handlers call v-window's internal prev/next,
+       * which are no-ops here because all items are ``disabled``.
+       * Matching ArrowRight → ``next`` and ArrowLeft → ``prev``
+       * lets ``routeToDirection`` normalize for RTL the same way.
+       */
+      return {
+        left: () => this.routeToDirection("next"),
+        right: () => this.routeToDirection("prev"),
+      };
+    },
   },
   watch: {
     twoPages() {
@@ -119,6 +134,7 @@ export default {
   methods: {
     ...mapActions(useReaderStore, [
       "getBookSettings",
+      "routeToDirection",
       "setBookChangeFlag",
       "setActivePage",
     ]),