rewrite everything in typescript

5 files changed, 19 insertions, 7 deletions

diff --git a/astro.config.mjs b/astro.config.ts
index 68040a9..edacb13 100644
--- a/astro.config.mjs
+++ b/astro.config.ts
@@ -1,7 +1,6 @@
 import { defineConfig } from "astro/config";
 import tailwind from "@astrojs/tailwind";
 
-// https://astro.build/config
 export default defineConfig({
 	site: "https://mydadleft.me",
 	integrations: [tailwind()],
diff --git a/src/components/Nav.astro b/src/components/Nav.astro
index b3baf19..70f07ea 100644
--- a/src/components/Nav.astro
+++ b/src/components/Nav.astro
@@ -1,5 +1,13 @@
 ---
-const links = {
+interface Links {
+	home: string,
+	blog: string,
+	forgejo: string,
+	grafana: string,
+	github: string,
+};
+
+const links: Links = {
 	home: "/",
 	blog: "/blog",
 	forgejo: "https://git.mydadleft.me",
diff --git a/src/pages/index.astro b/src/pages/index.astro
index c127916..cbf7d69 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -6,7 +6,7 @@ const description = title;
 ---
 
 <Index title={title} description={description}>
-	<script type="module" src="/js/chrisApp.js"></script>
+	<script src="../scripts/chrisApp.ts"></script>
 	<h1 class="bg-base w-fit h-fit mx-auto rounded p-5 text-text">
 		<b>getchoo's website 🚀</b>
 	</h1>
diff --git a/public/js/chrisApp.js b/src/scripts/chrisApp.ts
index d4d7059..9a9dc0c 100644
--- a/public/js/chrisApp.js
+++ b/src/scripts/chrisApp.ts
@@ -21,4 +21,4 @@ function randomChris() {
 }
 
 const chris = document.getElementById("chris_gif");
-chris.addEventListener("click", randomChris);
+chris ? chris.addEventListener("click", randomChris) : {};
diff --git a/tailwind.config.cjs b/tailwind.config.ts
index 804f540..cee6d5b 100644
--- a/tailwind.config.cjs
+++ b/tailwind.config.ts
@@ -1,5 +1,10 @@
+/** @type {module} */
 /** @type {import('tailwindcss').Config} */
-module.exports = {
+
+import type { Config } from "tailwindcss";
+import tailwind from "@catppuccin/tailwindcss";
+
+export default {
 	content: ["./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}"],
 	theme: {
 		fontFamily: {
@@ -10,8 +15,8 @@ module.exports = {
 		extend: {},
 	},
 	plugins: [
-		require("@catppuccin/tailwindcss")({
+		tailwind({
 			defaultFlavour: "mocha",
 		}),
 	],
-};
+} satisfies Config;