diff --git a/package.json b/package.json
index 060fa8c..f3a9059 100644
--- a/package.json
+++ b/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",
diff --git a/src/lib/components/ImageLinkTile.svelte b/src/lib/components/ImageLinkTile.svelte
index 0b50117..c917f15 100644
--- a/src/lib/components/ImageLinkTile.svelte
+++ b/src/lib/components/ImageLinkTile.svelte
@@ -1,23 +1,21 @@
-<script>
+<script lang="ts">
   import ImageTile from "./ImageTile.svelte";
+  import type { Snippet } from 'svelte';
   
   
-  
-  /**
-   * @typedef {Object} Props
-   * @property {string} src
-   * @property {string} href
-   * @property {"_self" | "_blank" | "_parent" | "_top" } [target]
-   * @property {import('svelte').Snippet} [children]
-   */
+  interface Props {
+    src: string;
+    href: string;
+    target?: "_self" | "_blank" | "_parent" | "_top";
+    children?: Snippet;
+  }
 
-  /** @type {Props} */
   let {
     src,
     href,
     target = "_self",
     children
-  } = $props();
+  }: Props = $props();
 </script>
 
 <div>
diff --git a/src/lib/components/ImageTile.svelte b/src/lib/components/ImageTile.svelte
index 175efa6..10d4e03 100644
--- a/src/lib/components/ImageTile.svelte
+++ b/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">
diff --git a/src/lib/components/Markdown.svelte b/src/lib/components/Markdown.svelte
index d3efdee..07f1008 100644
--- a/src/lib/components/Markdown.svelte
+++ b/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();
diff --git a/src/lib/index.js b/src/lib/index.ts
similarity index 100%
rename from src/lib/index.js
rename to src/lib/index.ts
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 91716e5..84d46af 100644
--- a/src/routes/+layout.svelte
+++ b/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">
diff --git a/src/routes/+layout.js b/src/routes/+layout.ts
similarity index 100%
rename from src/routes/+layout.js
rename to src/routes/+layout.ts
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 6304335..59da3bd 100644
--- a/src/routes/+page.svelte
+++ b/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";
diff --git a/src/routes/fotos/+page.svelte b/src/routes/fotos/+page.svelte
index 0c4ea74..a7f79f2 100644
--- a/src/routes/fotos/+page.svelte
+++ b/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";
diff --git a/src/routes/informatik/+page.svelte b/src/routes/informatik/+page.svelte
index 8841893..0af2f14 100644
--- a/src/routes/informatik/+page.svelte
+++ b/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";
diff --git a/src/routes/musig/+page.svelte b/src/routes/musig/+page.svelte
index 4e1fc07..12b196b 100644
--- a/src/routes/musig/+page.svelte
+++ b/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";
diff --git a/src/routes/video/+page.svelte b/src/routes/video/+page.svelte
index db1c198..fda5214 100644
--- a/src/routes/video/+page.svelte
+++ b/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";
diff --git a/jsconfig.json b/tsconfig.json
similarity index 100%
rename from jsconfig.json
rename to tsconfig.json