diff --git a/svelte/src/file_viewer/viewers/Image.svelte b/svelte/src/file_viewer/viewers/Image.svelte
index 24ae77a..74c6e45 100644
--- a/svelte/src/file_viewer/viewers/Image.svelte
+++ b/svelte/src/file_viewer/viewers/Image.svelte
@@ -1,6 +1,6 @@
-<script>
+<script lang="ts">
 import { createEventDispatcher } from "svelte"
-import { swipe_nav } from "../../lib/SwipeNavigate.ts";
+import { swipe_nav } from "../../lib/SwipeNavigate.mjs";
 let dispatch = createEventDispatcher()
 
 export const set_file = f => {
@@ -74,7 +74,7 @@ const on_load = () => dispatch("loading", false)
 	bind:this={container}
 	class="container"
 	class:zoom
-	use:swipe_nav={{enabled: !zoom && is_list}}
+	use:swipe_nav={{enabled: !zoom && is_list, prev: true, next: true}}
 	on:prev
 	on:next
 >
diff --git a/svelte/src/filesystem/viewers/Image.svelte b/svelte/src/filesystem/viewers/Image.svelte
index 151173d..3c81515 100644
--- a/svelte/src/filesystem/viewers/Image.svelte
+++ b/svelte/src/filesystem/viewers/Image.svelte
@@ -1,6 +1,6 @@
-<script>
+<script lang="ts">
 import { createEventDispatcher } from "svelte";
-import { swipe_nav } from "../../lib/SwipeNavigate.ts";
+import { swipe_nav } from "../../lib/SwipeNavigate.mjs";
 import { fs_path_url } from "../FilesystemAPI.mjs";
 
 let dispatch = createEventDispatcher();
diff --git a/svelte/src/lib/SwipeNavigate.ts b/svelte/src/lib/SwipeNavigate.mts
similarity index 100%
rename from svelte/src/lib/SwipeNavigate.ts
rename to svelte/src/lib/SwipeNavigate.mts