chore: migrate to ts

package.json

@@ -6,8 +6,8 @@
 		"dev": "vite dev",
 		"build": "vite build",
 		"preview": "vite preview",
-		"check": "svelte-kit sync && svelte-check --tsconfig ./jsconfig.json",
-		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./jsconfig.json --watch"
+		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch"
 	},
 	"devDependencies": {
 		"@sveltejs/adapter-auto": "^3.0.0",

src/lib/components/ImageLinkTile.svelte

@@ -1,23 +1,21 @@
-<script>
+<script lang="ts">
   import ImageTile from "./ImageTile.svelte";
+  import type { Snippet } from 'svelte';
   
   
+  interface Props {
+    src: string;
+    href: string;
+    target?: "_self" | "_blank" | "_parent" | "_top";
+    children?: Snippet;
+  }
 
-  /**
-   * @typedef {Object} Props
-   * @property {string} src
-   * @property {string} href
-   * @property {"_self" | "_blank" | "_parent" | "_top" } [target]
-   * @property {import('svelte').Snippet} [children]
-   */
-
-  /** @type {Props} */
   let {
     src,
     href,
     target = "_self",
     children
-  } = $props();
+  }: Props = $props();
 </script>
 
 <div>

src/lib/components/ImageTile.svelte

@@ -1,13 +1,12 @@
-<script>
+<script lang="ts">
+  import type { Snippet } from 'svelte';
   
-  /**
-   * @typedef {Object} Props
-   * @property {any} src
-   * @property {import('svelte').Snippet} [children]
-   */
+  interface Props {
+    src: string;
+    children?: Snippet;
+  }
 
-  /** @type {Props} */
-  let { src, children } = $props();
+  let { src, children }: Props = $props();
 </script>
 
 <div class="grid grid-cols-1 grid-rows-1">

src/lib/components/Markdown.svelte

@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
   import { Marked, Renderer } from "@ts-stack/markdown";
   import { onMount } from "svelte";
 
@@ -13,16 +13,13 @@
     smartypants: false,
   });
   
-  /**
-   * @typedef {Object} Props
-   * @property {string} src
-   */
+  interface Props {
+    src: string;
+  }
 
-  /** @type {Props} */
-  let { src } = $props();
+  let { src }: Props = $props();
 
-  /* @type {Element[]} */
-  let content = $state([]);
+  let content: Element[] = $state([]);
 
   onMount(async () => {
     const DOM_PARSER = new DOMParser();

src/routes/+layout.svelte

@@ -1,12 +1,8 @@
-<script>
+<script lang="ts">
   import "../app.css";
-  /**
-   * @typedef {Object} Props
-   * @property {import('svelte').Snippet} [children]
-   */
+  import type { Snippet } from 'svelte';
 
-  /** @type {Props} */
-  let { children } = $props();
+  let { children }: { children?: Snippet } = $props();
 </script>
 
 <header class="fixed z-50 mix-blend-difference p-1">

src/routes/+page.svelte

@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
   import ImageLinkTile from "$lib/components/ImageLinkTile.svelte";
 
   import mouse from "$lib/images/home/mouse.webp";

src/routes/fotos/+page.svelte

@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
   import ImageTile from "$lib/components/ImageTile.svelte";
   import Markdown from "$lib/components/Markdown.svelte";
   import HeadImage from "$lib/images/fotos/sunne_untergang.webp";

src/routes/informatik/+page.svelte

@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
   import ImageTile from "$lib/components/ImageTile.svelte";
   import Markdown from "$lib/components/Markdown.svelte";
   import HeadImage from "$lib/images/informatik/monitor.webp";

src/routes/musig/+page.svelte

@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
   import ImageTile from "$lib/components/ImageTile.svelte";
   import Markdown from "$lib/components/Markdown.svelte";
   import HeadImage from "$lib/images/musig/plattespiler.webp";

src/routes/video/+page.svelte

@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
   import ImageTile from "$lib/components/ImageTile.svelte";
   import Markdown from "$lib/components/Markdown.svelte";
   import HeadImage from "$lib/images/video/jochen.webp";