fix sentry

package.json

@@ -23,7 +23,7 @@
 		"@iconify/json": "^2.2.185",
 		"@playwright/test": "^1.28.1",
 		"@sveltejs/adapter-static": "^3.0.1",
-		"@sveltejs/kit": "^2.0.0",
+		"@sveltejs/kit": "2.5.1",
 		"@types/eslint": "8.56.0",
 		"@unocss/svelte-scoped": "^0.58.5",
 		"@unocss/transformer-directives": "^0.58.5",
@@ -33,7 +33,7 @@
 		"eslint-plugin-svelte": "^2.36.0-next.4",
 		"prettier": "^3.1.1",
 		"prettier-plugin-svelte": "^3.1.2",
-		"svelte": "^5.0.0-next.1",
+		"svelte": "4.2.11",
 		"svelte-check": "^3.6.0",
 		"typescript": "^5.0.0",
 		"unocss": "^0.58.5",

src/lib/components/Slide.svelte

@@ -1,5 +1,6 @@
 <script>
-	let { title, link, children } = $props();
+	// let { title, link, children } = $props();
+	export let title, link;
 </script>
 
 <article class="overflow-hidden rounded bg-[#f0ede2]">
@@ -14,7 +15,8 @@
 				<div class="i-mdi-github mr-2" />
 				<p>{title}</p>
 			</a>
-			{@render children()}
+			<!-- {@render children()} -->
+			<slot />
 		</div>
 	</div>
 </article>

src/routes/+layout.svelte

@@ -1,9 +1,20 @@
 <script>
-	import { page } from '$app/stores';
+	import { getStores } from '$app/stores';
 	import Footer from '$lib/components/Footer.svelte';
 	import Header from '$lib/components/Header.svelte';
-	let { children } = $props();
+	import { onMount } from 'svelte';
+	// let { children } = $props();
+
+	const { page } = getStores();
 	let url = `https://pyros.sh${$page.url.pathname}`;
+
+	let isPosts = false;
+	onMount(() => {
+		page.subscribe(($page) => {
+			isPosts = $page.url.pathname.includes('posts');
+			console.log(isPosts);
+		});
+	});
 </script>
 
 <svelte:head>
@@ -21,14 +32,15 @@
 	></script>
 </svelte:head>
 <div
-	style="display: contents"
+	class:h-screen={isPosts}
 	class="leading-8 flex flex-1 flex-col font-normal text-lg sm:leading-7 m-0"
 >
 	<Header />
 	<main class="w-full h-full block bg-white">
 		<div class="flex w-full flex-1 flex-row justify-center">
 			<div class="flex w-full flex-1 flex-row items-center max-w-5xl mt-4 mb-20 p-4">
-				{@render children()}
+				<!-- {@render children()} -->
+				<slot />
 			</div>
 		</div>
 	</main>

src/routes/posts/+page.svelte

@@ -2,7 +2,7 @@
 	<title>pyros.sh | Posts</title>
 	<meta name="description" content="Peter John's Posts" />
 </svelte:head>
-<div class="h-screen">
+<div>
 	<div class="px-4 py-40 mx-auto">TBD</div>
 </div>