Other basic migration

Author: WarningImHack3r

src/lib/components/BlinkingBadge.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { onMount } from "svelte";
+	import { onMount, type Snippet } from "svelte";
 	import { get } from "svelte/store";
 	import { persisted } from "svelte-persisted-store";
 	import { plainTextSerializer } from "$lib/stores";
@@ -13,7 +13,7 @@
 		 * Whether to show the pulse animation.
 		 */
 		show?: boolean;
-		children?: import("svelte").Snippet;
+		children?: Snippet;
 	};
 
 	let { storedDateItem, show = false, children }: Props = $props();

src/lib/components/GHBadge.svelte

@@ -29,7 +29,7 @@
 
 	let { type, status }: Props = $props();
 
-	let icon = $state<ComponentType<Icon> | null>(null);
+	let icon = $state<ComponentType<Icon>>();
 	let label = $state("");
 	let color = $state("");
 

src/lib/components/ScreenSize.svelte

@@ -13,13 +13,12 @@
 			size: parseInt(configScreens[screen as keyof typeof configScreens].replace("px", ""))
 		}))
 		.sort((a, b) => a.size - b.size);
-	let matchingScreen: (typeof screens)[number] | undefined = $derived(screens.findLast(screen => screen.size <= width));
+	let matchingScreen = $derived(screens.findLast(screen => screen.size <= width));
 
 	let width = $state(0);
 	let height = $state(0);
 
 	let showAllScreens = $state(false);
-	
 </script>
 
 <svelte:window bind:innerWidth={width} bind:innerHeight={height} />

src/lib/components/Step.svelte

@@ -1,10 +1,11 @@
 <script lang="ts">
+	import type { Snippet } from "svelte";
 	import { cn } from "$lib/utils";
 
 	type Props = {
 		class?: string | undefined | null;
-		stepIcon?: import("svelte").Snippet;
-		children?: import("svelte").Snippet;
+		stepIcon?: Snippet;
+		children?: Snippet;
 	};
 
 	let { class: className = undefined, stepIcon, children }: Props = $props();

src/lib/components/Steps.svelte

@@ -1,9 +1,10 @@
 <script lang="ts">
+	import type { Snippet } from "svelte";
 	import { cn } from "$lib/utils";
 
 	type Props = {
 		class?: string | undefined | null;
-		children?: import("svelte").Snippet;
+		children?: Snippet;
 		[key: string]: any;
 	};
 

src/lib/components/renderers/BodyRenderer.svelte

@@ -2,11 +2,8 @@
 	import { run } from "svelte/legacy";
 
 	import { page } from "$app/stores";
-	type Props = {
-		children?: import("svelte").Snippet;
-	};
 
-	let { children }: Props = $props();
+	let { children } = $props();
 	let data = $state<HTMLParagraphElement>();
 
 	const org = $page.data.org;

src/lib/components/renderers/ListElementRenderer.svelte

@@ -3,11 +3,8 @@
 
 	import { ArrowRight } from "lucide-svelte";
 	import { Button } from "$lib/components/ui/button";
-	type Props = {
-		children?: import("svelte").Snippet;
-	};
 
-	let { children }: Props = $props();
+	let { children } = $props();
 
 	let data = $state<HTMLLIElement>();
 	let pullsLinks: string[] = [];

src/routes/+layout.svelte

@@ -30,12 +30,7 @@
 	initTabState();
 	const tabState = getTabState();
 
-	type Props = {
-		data: any;
-		children?: import("svelte").Snippet;
-	};
-
-	let { data, children }: Props = $props();
+	let { data, children } = $props();
 	let { repos } = $derived(data);
 
 	let scrollY = $state(0);

src/routes/[pullOrIssue=poi]/[org]/[repo]/[id=number]/BottomCollapsible.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import type { ComponentType } from "svelte";
+	import type { ComponentType, Snippet } from "svelte";
 	import type { Icon } from "lucide-svelte";
 	import * as Accordion from "$lib/components/ui/accordion";
 
@@ -10,7 +10,7 @@
 		label: string;
 		secondaryLabel?: string | undefined;
 		openByDefault?: boolean;
-		children?: import("svelte").Snippet;
+		children?: Snippet;
 	};
 
 	let {