diff --git a/src/components/Background.svelte b/src/lib/components/Background.svelte
similarity index 100%
rename from src/components/Background.svelte
rename to src/lib/components/Background.svelte
diff --git a/src/data/links.json b/src/lib/data/links.json
similarity index 100%
rename from src/data/links.json
rename to src/lib/data/links.json
diff --git a/src/data/sponsors.json b/src/lib/data/sponsors.json
similarity index 100%
rename from src/data/sponsors.json
rename to src/lib/data/sponsors.json
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 6f1046b..99ea7d0 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -2,9 +2,9 @@
 import { onMount } from "svelte";
 import { Marquee } from "@selemondev/svelte-marquee";
 import "@selemondev/svelte-marquee/dist/style.css";
-import Background from "../components/Background.svelte";
-import links from "../data/links.json";
-import sponsors from "../data/sponsors.json";
+import Background from "$lib/components/Background.svelte";
+import links from "$lib/data/links.json";
+import sponsors from "$lib/data/sponsors.json";
 let contactForm: HTMLFormElement;
 onMount(() => {
 	contactForm.reset();
diff --git a/svelte.config.js b/svelte.config.js
index aa7fea7..af67b01 100644
--- a/svelte.config.js
+++ b/svelte.config.js
@@ -1,9 +1,9 @@
 import adapter from "@sveltejs/adapter-netlify";
-import preprocess from "svelte-preprocess";
+import {sveltePreprocess} from "svelte-preprocess";
 
 /** @type {import('@sveltejs/kit').Config} */
 const config = {
-	preprocess: [preprocess()],
+	preprocess: [sveltePreprocess()],
 	kit: {
 		adapter: adapter({
 			precompress: true,
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..b6f455d
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,6 @@
+{
+    "extends": "./.svelte-kit/tsconfig.json",
+    "compilerOptions": {
+        "verbatimModuleSyntax": true,
+    },
+}
\ No newline at end of file