From b9545dae741e8a2a67ba584cde82749345c8d186 Mon Sep 17 00:00:00 2001
From: ndom91 <yo@ndo.dev>
Date: Sun, 29 Sep 2024 18:52:57 +0200
Subject: [PATCH 1/2] fix: migrate Icon.svelte to svelte 5 syntax

---
 packages/ui/src/lib/Icon.svelte | 20 +++++++++++++++-----
 1 file changed, 15 insertions(+), 5 deletions(-)

diff --git a/packages/ui/src/lib/Icon.svelte b/packages/ui/src/lib/Icon.svelte
index 0e21fe0e85..567a00e0b4 100644
--- a/packages/ui/src/lib/Icon.svelte
+++ b/packages/ui/src/lib/Icon.svelte
@@ -7,11 +7,21 @@
 	import iconsJson from '$lib/data/icons.json';
 	import type { ComponentColor } from '$lib/utils/colorTypes';
 
-	export let name: keyof typeof iconsJson;
-	export let color: IconColor = undefined;
-	export let opacity: number | undefined = 1;
-	export let spinnerRadius: number | undefined = 5;
-	export let size = 16;
+	interface Props {
+		name: keyof typeof iconsJson;
+		color?: IconColor;
+		opacity?: number | undefined;
+		spinnerRadius?: number | undefined;
+		size?: number;
+	}
+
+	let {
+		name,
+		color = undefined,
+		opacity = 1,
+		spinnerRadius = 5,
+		size = 16
+	}: Props = $props();
 </script>
 
 <svg

From 220ef17f3879148be6d62af38e9d43be9ca95234 Mon Sep 17 00:00:00 2001
From: ndom91 <yo@ndo.dev>
Date: Sun, 29 Sep 2024 19:10:43 +0200
Subject: [PATCH 2/2] fix: prettier

---
 packages/ui/src/lib/Icon.svelte | 8 +-------
 1 file changed, 1 insertion(+), 7 deletions(-)

diff --git a/packages/ui/src/lib/Icon.svelte b/packages/ui/src/lib/Icon.svelte
index 567a00e0b4..5e2c4954b7 100644
--- a/packages/ui/src/lib/Icon.svelte
+++ b/packages/ui/src/lib/Icon.svelte
@@ -15,13 +15,7 @@
 		size?: number;
 	}
 
-	let {
-		name,
-		color = undefined,
-		opacity = 1,
-		spinnerRadius = 5,
-		size = 16
-	}: Props = $props();
+	let { name, color = undefined, opacity = 1, spinnerRadius = 5, size = 16 }: Props = $props();
 </script>
 
 <svg