refactor: use interface for Props

Author: velut

src/lib/components/AppColumn.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">
 	import type { Snippet } from 'svelte';
 
-	type Props = {
+	interface Props {
 		children: Snippet;
-	};
+	}
 
 	let { children }: Props = $props();
 </script>

src/lib/components/ArticleTitle.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-	type Props = {
+	interface Props {
 		title: string;
-	};
+	}
 
 	let { title }: Props = $props();
 </script>

src/lib/components/Divider.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-	type Props = {
+	interface Props {
 		horizontal?: boolean;
-	};
+	}
 
 	let { horizontal }: Props = $props();
 </script>

src/lib/components/FormField.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">
 	import type { Snippet } from 'svelte';
 
-	type Props = {
+	interface Props {
 		children: Snippet;
-	};
+	}
 
 	let { children }: Props = $props();
 </script>

src/lib/components/InputWithUnit.svelte

@@ -2,7 +2,11 @@
 	import { cn } from '$lib/utils/cn';
 	import type { Snippet } from 'svelte';
 
-	type Props = { unit: string; disabled?: boolean; children: Snippet };
+	interface Props {
+		unit: string;
+		disabled?: boolean;
+		children: Snippet;
+	}
 
 	let { unit, disabled, children }: Props = $props();
 </script>

src/lib/components/OptsCard.svelte

@@ -1,10 +1,10 @@
 <script lang="ts">
 	import type { Snippet } from 'svelte';
 
-	type Props = {
+	interface Props {
 		title: string;
 		children: Snippet;
-	};
+	}
 
 	let { title, children }: Props = $props();
 </script>