From dc4db405d2991d3ec6a114f3b08d3fccd057d3ee Mon Sep 17 00:00:00 2001
From: Wolfgang Müller
Date: Thu, 13 Feb 2025 17:52:16 +0100
Subject: frontend: Migrate to Svelte 5

---
 frontend/src/lib/reader/ReaderPage.svelte | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

(limited to 'frontend/src/lib/reader/ReaderPage.svelte')

diff --git a/frontend/src/lib/reader/ReaderPage.svelte b/frontend/src/lib/reader/ReaderPage.svelte
index fb3e780..83b2d1b 100644
--- a/frontend/src/lib/reader/ReaderPage.svelte
+++ b/frontend/src/lib/reader/ReaderPage.svelte
@@ -1,13 +1,19 @@
 <script lang="ts">
 	import type { PageFragment } from '$gql/graphql';
 	import { src } from '$lib/Utils';
+	import type { MouseEventHandler } from 'svelte/elements';
 
-	export let page: PageFragment;
+	interface Props {
+		page: PageFragment;
+		onclick: MouseEventHandler<HTMLDivElement>;
+	}
+
+	let { page, onclick }: Props = $props();
 </script>
 
-<!-- svelte-ignore a11y-click-events-have-key-events -->
-<!-- svelte-ignore a11y-no-static-element-interactions -->
-<div class="flex grow" on:click>
+<!-- svelte-ignore a11y_click_events_have_key_events -->
+<!-- svelte-ignore a11y_no_static_element_interactions -->
+<div class="flex grow" {onclick}>
 	<img
 		class="h-auto w-auto object-contain"
 		width={page.image.width}
-- 
cgit v1.2.3-2-gb3c3

