updated dependencies

astro.config.mjs

@@ -10,20 +10,20 @@ import react from "@astrojs/react";
 
 // https://astro.build/config
 export default defineConfig({
-    integrations: [mdx(), svelte(), react()],
+	integrations: [mdx(), svelte({ extensions: [".svelte"] }), react()],
 
-    server: {
-        port: 8008,
-        hostname: "RythonDev",
-    },
+	server: {
+		port: 8008,
+		hostname: "RythonDev",
+	},
 
-    site: "https://rython.dev",
+	site: "https://rython.dev",
 
-    vite: {
-        plugins: [tailwindcss()],
-    },
+	vite: {
+		plugins: [tailwindcss()],
+	},
 
-    image: {
-        service: passthroughImageService(),
-    },
+	image: {
+		service: passthroughImageService(),
+	},
 });

package.json

@@ -10,14 +10,14 @@
         "astro": "astro"
     },
     "dependencies": {
-        "@astrojs/mdx": "4.3.13",
-        "@astrojs/react": "4.4.2",
-        "@astrojs/svelte": "7.2.5",
+        "@astrojs/mdx": "7.0.5",
+        "@astrojs/react": "6.0.2",
+        "@astrojs/svelte": "^9.0.1",
         "@radix-ui/react-tabs": "^1.1.13",
         "@tailwindcss/vite": "^4.1.8",
         "@types/react": "^19.1.9",
         "@types/react-dom": "^19.1.7",
-        "astro": "5.16.8",
+        "astro": "7.1.6",
         "caniuse-lite": "^1.0.30001698",
         "clsx": "^2.1.1",
         "hamburger-react": "^2.5.2",
@@ -26,10 +26,10 @@
         "motion": "^12.23.12",
         "react": "^19.1.1",
         "react-dom": "^19.1.1",
-        "svelte": "^5.33.16",
+        "svelte": "^5.56.8",
         "tailwind-merge": "^3.3.1",
         "tailwindcss": "^4.1.8",
-        "typescript": "^5.8.3"
+        "typescript": "^6.0.3"
     },
     "devDependencies": {
         "prettier": "^3.5.3",

src/components/projects/VideoProject.svelte

@@ -21,7 +21,7 @@
 		tags = [],
 	}: Props = $props();
 
-	const positionLeft = position == "left";
+	const positionLeft: boolean = $state(position == "left");
 
 	onMount(() => {
 		const videos = document.querySelectorAll<HTMLVideoElement>(".playable");

tsconfig.json

@@ -3,9 +3,10 @@
 	"compilerOptions": {
 		"jsx": "react-jsx",
 		"jsxImportSource": "react",
-		"baseUrl": "./",
 		"paths": {
-			"@/*": ["./src/*"]
+			"@/*": [
+				"./src/*"
+			]
 		}
 	}
 }