chore: proper types

Author: kalwabed

src/lib/components/container.svelte

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

src/lib/components/dark-mode-toggle.svelte

@@ -44,7 +44,7 @@
 
 <button
 	title="{enableOrDisable} dark mode"
-	class="inline-flex items-center align-middle hover:text-blue-600 dark:hover:text-yellow-600 outline-hidden focus:ring-3 transition rounded-full p-1"
+	class="inline-flex cursor-pointer items-center align-middle hover:text-blue-600 dark:hover:text-yellow-600 outline-hidden focus:ring-3 transition rounded-full p-1"
 	onclick={toggleDarkMode}
 >
 	{#if isDarkMode}

src/lib/components/link.svelte

@@ -1,10 +1,11 @@
 <script lang="ts">
 	import { cn } from '$lib/utils/cn'
+	import type { Snippet } from 'svelte'
 
 	interface Props {
 		href: string
 		extClass?: string
-		children?: import('svelte').Snippet
+		children?: Snippet
 		[key: string]: unknown
 	}
 

src/routes/+layout.svelte

@@ -3,8 +3,9 @@
 
 	import PageFooter from '$lib/components/page-footer.svelte'
 	import PageHeader from '$lib/components/page-header.svelte'
+	import type { Snippet } from 'svelte'
 	interface Props {
-		children?: import('svelte').Snippet
+		children?: Snippet
 	}
 
 	let { children }: Props = $props()