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/components/OrganizedButton.svelte | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

(limited to 'frontend/src/lib/components/OrganizedButton.svelte')

diff --git a/frontend/src/lib/components/OrganizedButton.svelte b/frontend/src/lib/components/OrganizedButton.svelte
index 9be985c..3838f7d 100644
--- a/frontend/src/lib/components/OrganizedButton.svelte
+++ b/frontend/src/lib/components/OrganizedButton.svelte
@@ -1,9 +1,15 @@
 <script lang="ts">
 	import Organized from '$lib/icons/Organized.svelte';
+	import type { MouseEventHandler } from 'svelte/elements';
 
-	export let organized: boolean;
+	interface Props {
+		organized: boolean;
+		onclick: MouseEventHandler<HTMLButtonElement>;
+	}
+
+	let { organized, onclick }: Props = $props();
 </script>
 
-<button type="button" title="Toggle organized" class="flex text-base" on:click>
+<button type="button" title="Toggle organized" class="flex text-base" {onclick}>
 	<Organized hoverable {organized} />
 </button>
-- 
cgit v1.2.3-2-gb3c3

