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/icons/Organized.svelte | 23 ++++++++++++-----------
 1 file changed, 12 insertions(+), 11 deletions(-)

(limited to 'frontend/src/lib/icons/Organized.svelte')

diff --git a/frontend/src/lib/icons/Organized.svelte b/frontend/src/lib/icons/Organized.svelte
index 66b5b00..ff177fa 100644
--- a/frontend/src/lib/icons/Organized.svelte
+++ b/frontend/src/lib/icons/Organized.svelte
@@ -1,21 +1,22 @@
 <script lang="ts">
-	export let organized: boolean | undefined = undefined;
-	export let hoverable = false;
-	export let tristate = false;
-	export let dim = false;
+	interface Props {
+		organized?: boolean;
+		hoverable?: boolean;
+		tristate?: boolean;
+		dim?: boolean;
+	}
+
+	let { organized, hoverable = false, tristate = false, dim = false }: Props = $props();
 </script>
 
 {#if organized}
-	<span class:hoverable class="icon-gray icon-base icon-[material-symbols--check-circle]" />
+	<span class:hoverable class="icon-gray icon-base icon-[material-symbols--check-circle]"></span>
 {:else if organized === undefined || !tristate}
 	<span
 		class:hoverable
 		class="icon-gray dim icon-base icon-[material-symbols--check-circle-outline]"
-	/>
+	></span>
 {:else}
-	<span
-		class:hoverable
-		class:dim
-		class="icon-gray icon-base icon-[material-symbols--unpublished]"
-	/>
+	<span class:hoverable class:dim class="icon-gray icon-base icon-[material-symbols--unpublished]"
+	></span>
 {/if}
-- 
cgit v1.2.3-2-gb3c3

