chore: use runed to replace manual localstorage utility

Author: WarningImHack3r

package.json

@@ -51,6 +51,7 @@
 		"prettier-plugin-svelte": "^3.3.3",
 		"prettier-plugin-tailwindcss": "^0.6.11",
 		"rehype-raw": "^7.0.0",
+		"runed": "^0.26.0",
 		"semver": "^7.7.1",
 		"shiki": "^3.4.0",
 		"svelte": "^5.28.2",

pnpm-lock.yaml

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { type Snippet } from "svelte";
-	import { persisted } from "$lib/persisted.svelte";
+	import { PersistedState } from "runed";
 
 	type Props = {
 		/**
@@ -18,12 +18,13 @@
 
 	let shouldShowPulse = $state(false);
 
+	let storedDate: PersistedState<string>;
 	$effect(() => {
 		if (!storedDateItem) return;
-		const storedDate = persisted(storedDateItem, "").value;
+		storedDate = new PersistedState(storedDateItem, "");
 		const lastVisitItem = localStorage.getItem("lastVisit");
-		if (storedDate && lastVisitItem) {
-			shouldShowPulse = new Date(storedDate) > new Date(lastVisitItem);
+		if (storedDate.current && lastVisitItem) {
+			shouldShowPulse = new Date(storedDate.current) > new Date(lastVisitItem);
 		}
 	});
 </script>

src/lib/components/BlinkingBadge.svelte

@@ -3,16 +3,16 @@
 	import { browser } from "$app/environment";
 	import { page } from "$app/state";
 	import { ChevronRight } from "@lucide/svelte";
+	import { PersistedState } from "runed";
 	import type { GitHubRelease } from "$lib/server/github-cache";
 	import type { CategorizedPackage } from "$lib/server/package-discoverer";
 	import type { Prettify } from "$lib/types";
-	import { persisted } from "$lib/persisted.svelte";
 	import { cn } from "$lib/utils";
 	import { Badge } from "$lib/components/ui/badge";
+	import * as Card from "$lib/components/ui/card";
 	import { Checkbox } from "$lib/components/ui/checkbox";
 	import { Label } from "$lib/components/ui/label";
 	import { Separator } from "$lib/components/ui/separator";
-	import * as Card from "$lib/components/ui/card";
 
 	type CleanRelease = { cleanName: string; cleanVersion: string } & GitHubRelease;
 
@@ -55,11 +55,12 @@
 	}: Props = $props();
 	let id = $props.id();
 
+	let storedPrereleaseState = new PersistedState(
+		`show-${packageName}-prereleases`,
+		showPrereleases
+	);
 	$effect(() => {
-		let storedPrereleaseState = persisted(`show-${packageName}-prereleases`, showPrereleases);
-		$effect(() => {
-			storedPrereleaseState.value = showPrereleases;
-		});
+		storedPrereleaseState.current = showPrereleases;
 	});
 
 	/**