chore: fixing migration errors

src/lib/characters/index.ts

@@ -1,5 +1,5 @@
 export const WAVE = '👋';
-export const ROCK = '🪨';
+export const ACADEMY = '🎓';
 export const POLE = '💈';
 export const PROGRESS = '📈';
 export const JOINED = '🫶';

src/lib/components/Button.svelte

@@ -3,11 +3,9 @@
 	import { fade } from 'svelte/transition';
 	import type { Directive } from './types';
 	import type { HTMLButtonAttributes } from 'svelte/elements';
-	import type { Snippet } from 'svelte';
 
 	interface Props extends HTMLButtonAttributes {
 		directive?: Directive;
-		children?: Snippet;
 	}
 
 	let { directive = 'primary', children, ...rest }: Props = $props();

src/lib/components/Card.svelte

@@ -2,9 +2,9 @@
 	import { cubicInOut } from 'svelte/easing';
 	import { fade } from 'svelte/transition';
 	import type { Snippet } from 'svelte';
-	interface Props {
+	import type { HTMLAttributes } from 'svelte/elements';
+	interface Props extends HTMLAttributes<HTMLElement> {
 		header?: Snippet;
-		children?: Snippet;
 	}
 
 	let { header, children, ...rest }: Props = $props();

src/lib/components/Img.svelte

@@ -1,13 +1,7 @@
 <script lang="ts">
 	import type { HTMLImgAttributes } from 'svelte/elements';
 
-	// eslint-disable-next-line @typescript-eslint/no-unused-vars
-
-	interface Props {
-		alt: HTMLImgAttributes['alt'];
-		[key: string]: any;
-	}
-
+	interface Props extends HTMLImgAttributes {}
 	let { alt, ...rest }: Props = $props();
 </script>
 

src/lib/components/Input.svelte

@@ -1,17 +1,13 @@
-<!-- @migration-task Error while migrating Svelte code: $$props is used together with named props in a way that cannot be automatically migrated. -->
 <script lang="ts">
 	import type { HTMLInputAttributes } from 'svelte/elements';
-	// eslint-disable-next-line @typescript-eslint/no-unused-vars
-	interface $$Props extends HTMLInputAttributes {
-		value?: HTMLInputAttributes['value'];
-	}
-	export let value: HTMLInputAttributes['value'] = null;
+	interface Props extends HTMLInputAttributes {}
+	let { value = $bindable(), type, ...rest }: Props = $props();
 </script>
 
-{#if $$props['type'] === 'checkbox'}
-	<span><input type="checkbox" bind:value {...$$restProps} /></span>
+{#if type === 'checkbox'}
+	<span><input type="checkbox" bind:value {...rest} /></span>
 {:else}
-	<span><input bind:value {...$$restProps} /></span>
+	<span><input bind:value {...rest} /></span>
 {/if}
 
 <style>

src/lib/components/Label.svelte

@@ -1,11 +1,7 @@
-<script>
-	/**
-	 * @typedef {Object} Props
-	 * @property {import('svelte').Snippet} [children]
-	 */
-
-	/** @type {Props & { [key: string]: any }} */
-	let { children, ...rest } = $props();
+<script lang="ts">
+	import type { HTMLLabelAttributes } from 'svelte/elements';
+	interface Props extends HTMLLabelAttributes {}
+	let { children, ...rest }: Props = $props();
 </script>
 
 <label {...rest}>

src/lib/components/Modal.svelte

@@ -2,15 +2,15 @@
 	import CloseIcon from '$lib/components/icons/CloseIcon.svelte';
 	import { cubicInOut } from 'svelte/easing';
 	import { fade } from 'svelte/transition';
+	import type { Snippet } from 'svelte';
+	import type { HTMLDialogAttributes } from 'svelte/elements';
 	import Card from './Card.svelte';
-	interface Props {
+
+	interface Props extends HTMLDialogAttributes {
+		header?: Snippet;
 		id: string;
-		header?: import('svelte').Snippet;
-		children?: import('svelte').Snippet;
-		[key: string]: any;
 	}
-
-	let { id, header, children, ...rest }: Props = $props();
+	let { id, children, ...rest }: Props = $props();
 </script>
 
 <dialog transition:fade={{ easing: cubicInOut }} popover="auto" {id} {...rest}>

src/lib/components/Navbar.svelte

@@ -3,7 +3,7 @@
 	import { loading } from '$lib/stores';
 	import { navigating, page } from '$app/stores';
 	import type { SelectUser } from '$lib/server/db/schema';
-	import { ROCK, POLE } from '$lib/characters';
+	import { ACADEMY, POLE } from '$lib/characters';
 	import Modal from '$lib/components/Modal.svelte';
 
 	interface Props {
@@ -18,7 +18,7 @@
 {/if}
 <nav>
 	<span>
-		<a href="/" title="Pole Rocks">{POLE} {ROCK}{ROCK} Pole Rocks</a>
+		<a href="/" title="Pole Academy">{POLE}{ACADEMY} Pole Academy</a>
 		{#if user?.isAdmin}
 			<a class:current={$page.url.pathname.startsWith('/admin')} href="/admin">Admin</a>
 		{/if}

src/lib/components/Spinner.svelte

@@ -1,6 +1,3 @@
-<script lang="ts">
-</script>
-
 <span class="loader"></span>
 
 <style>

src/lib/components/TextArea.svelte

@@ -1,14 +1,15 @@
 <script lang="ts">
-	interface Props {
-		[key: string]: any;
-	}
-
-	let { ...rest }: Props = $props();
+	import { browser } from '$app/environment';
+	let { ...rest } = $props();
 	let content: string | null = $state(null);
 </script>
 
-<div contenteditable bind:innerHTML={content} {...rest}></div>
-<input type="hidden" {...rest} value={content} />
+{#if browser}
+	<div contenteditable bind:innerHTML={content} {...rest}></div>
+	<input type="hidden" {...rest} value={content} />
+{:else}
+	<textarea bind:value={content}></textarea>
+{/if}
 
 <style>
 	div {

src/lib/components/UL.svelte

@@ -1,16 +1,11 @@
 <script lang="ts">
-	import type { HTMLOlAttributes } from 'svelte/elements';
-	interface Props {
-		children?: import('svelte').Snippet;
-		[key: string]: any;
-	}
+	import type { HTMLAttributes } from 'svelte/elements';
+	interface Props extends HTMLAttributes<HTMLUListElement> {}
 
-	let { ...props }: Props = $props();
-	// eslint-disable-next-line @typescript-eslint/no-unused-vars
-	interface $$Props extends HTMLOlAttributes {}
+	let { children, ...rest }: Props = $props();
 </script>
 
-<ul {...props}>{@render props.children?.()}</ul>
+<ul {...rest}>{@render children?.()}</ul>
 
 <style>
 	ul {

src/lib/components/icons/GitHub.svelte

@@ -1,12 +1,7 @@
 <script lang="ts">
 	import type { SVGAttributes } from 'svelte/elements';
-	interface Props {
-		[key: string]: any;
-	}
-
+	interface Props extends SVGAttributes<SVGElement> {}
 	let { ...props }: Props = $props();
-	// eslint-disable-next-line @typescript-eslint/no-unused-vars
-	interface $$Props extends SVGAttributes<SVGElement> {}
 </script>
 
 <svg {...props} viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"