fix(state): restore persisted list UI state

1 files changed, 3 insertions, 2 deletions

diff --git a/src/routes/completed/+page.svelte b/src/routes/completed/+page.svelte
index 220901bf..bcad912b 100644
--- a/src/routes/completed/+page.svelte
+++ b/src/routes/completed/+page.svelte
@@ -10,7 +10,7 @@ import { createHeightObserver } from "$lib/Utility/html.js";
 import Skeleton from "$lib/Loading/Skeleton.svelte";
 import locale from "$stores/locale.js";
 import Landing from "$lib/Landing.svelte";
-import stateBin from "$stores/stateBin.js";
+import stateBin, { hydrateStateBin } from "$stores/stateBin.js";
 import type { PageData } from "./$types";
 
 let { data }: { data: PageData } = $props();
@@ -53,8 +53,9 @@ const loadCompletedSurface = () => {
 	return completedSurfaceImport;
 };
 
-onMount(() => {
+onMount(async () => {
 	removeHeightObserver = createHeightObserver();
+	await hydrateStateBin();
 	$stateBin.completedAnimeListOpen ??= true;
 	$stateBin.completedMangaListOpen ??= true;
 	void loadCompletedSurface();