🏷️ Bring back explicit type imports

Author: CollierCZ

packages/docs/src/routes/+page.svelte

@@ -1,5 +1,7 @@
 <script lang="ts">
-  let { data } = $props();
+  import type { PageData } from './$types'
+  
+  let { data }: { data: PageData } = $props()
   const title = $derived(data.page.frontmatter?.title);
 </script>
 

packages/docs/src/routes/[...slug]/+page.svelte

@@ -1,8 +1,10 @@
 <script lang="ts">
+  import type { PageData } from "./$types";
+
   import Sidebar from "$lib/components/Sidebar.svelte";
   import TableOfContents from "$lib/components/TableOfContents.svelte";
 
-  let { data } = $props();
+  let { data }: { data: PageData } = $props();
   const title = $derived(data.page.frontmatter?.title ?? "A great page");
   const headings = $derived(data.page.headings);
 </script>
@@ -16,7 +18,11 @@
   <div class="hidden md:block">
     <Sidebar />
   </div>
-  <div class="prose {headings ? "sm:col-span-3" : "sm:col-span-4"} {headings ? "md:col-span-4" : "md:col-span-5"}">
+  <div
+    class="prose {headings ? 'sm:col-span-3' : 'sm:col-span-4'} {headings
+      ? 'md:col-span-4'
+      : 'md:col-span-5'}"
+  >
     <h1>{title}</h1>
     <data.page.default />
   </div>

packages/docs/src/routes/[...slug]/+page.ts

@@ -1,11 +1,13 @@
 import { error, type HttpError } from "@sveltejs/kit";
 import type { MarkdocModule } from "markdoc-svelte";
 
+import type { PageLoad } from "./$types";
+
 interface Pages {
   [pagePath: string]: () => Promise<MarkdocModule>;
 }
 
-export const load = async ({ params }) => {
+export const load: PageLoad = async ({ params }) => {
   const slug = params.slug;
   try {
     // Get all of the pages in the content directory