Migrate to $app/state

Author: WarningImHack3r

src/lib/components/renderers/BodyRenderer.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import type { Snippet } from "svelte";
-	import { page } from "$app/stores";
+	import { page } from "$app/state";
 
 	type Props = {
 		children?: Snippet;
@@ -9,9 +9,6 @@
 	let { children }: Props = $props();
 	let data = $state<HTMLParagraphElement>();
 
-	const org = $page.data.org;
-	const repo = $page.data.repo;
-
 	$effect(() => {
 		if (!data) return;
 		let replaced = data.innerHTML;
@@ -22,7 +19,7 @@
 			if (!wholeMatch || !matchedGroup) continue;
 			replaced = replaced.replace(
 				wholeMatch,
-				` <a href="https://github.com/${org}/${repo}/issues/${matchedGroup}">${wholeMatch.trim()}</a>`
+				` <a href="https://github.com/${page.data.org}/${page.data.repo}/issues/${matchedGroup}">${wholeMatch.trim()}</a>`
 			);
 		}
 		data.innerHTML = replaced;

src/routes/+layout.svelte

@@ -5,7 +5,7 @@
 	import { fade } from "svelte/transition";
 	import { dev } from "$app/environment";
 	import { env } from "$env/dynamic/public";
-	import { page } from "$app/stores";
+	import { page } from "$app/state";
 	import { ChevronDown, LoaderCircle, LogOut, Monitor, Moon, Sun, X } from "lucide-svelte";
 	import { ModeWatcher, resetMode, setMode } from "mode-watcher";
 	import { Octokit } from "octokit";
@@ -152,7 +152,7 @@
 
 			<!-- Navigation -->
 			<!-- TODO: don't hardcode scrollY? -->
-			{#if scrollY > 150 && $page.route.id === "/"}
+			{#if scrollY > 150 && page.route.id === "/"}
 				<ul transition:fade={{ duration: 200 }} class="ml-6 hidden sm:block">
 					<li>
 						{#each typedEntries(data.repos) as [id, { name }]}