fix homepage jank

3 files changed, 4 insertions, 2 deletions

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 7cb90195..d25f570a 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -10,7 +10,7 @@
 
   let { data, children } = $props();
   let { pathname, theme } = $state(data);
-  $themeStore = data.theme;
+  $effect(() => ($themeStore = data.theme));
   $effect(() => (theme = $themeStore));
 
   let host = PUBLIC_DOMAIN.includes("localhost")
diff --git a/src/routes/+layout.ts b/src/routes/+layout.ts
index b40aff70..79a89d47 100644
--- a/src/routes/+layout.ts
+++ b/src/routes/+layout.ts
@@ -4,6 +4,8 @@ import { addTranslations, setLocale, setRoute } from "$lib/translations/index";
 import { addIcon } from "iconify-icon";
 import cookies from "js-cookie";
 
+export const ssr = false;
+
 /** @type {import('@sveltejs/kit').Load} */
 export const load = async ({ data }) => {
 	const { i18n, translations } = data;
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 9ba12800..1b5e0947 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -12,7 +12,7 @@
   import { onDestroy, onMount, tick } from "svelte";
 
   let { data } = $props();
-  let { faqs, locations, user } = $state(data);
+  let { faqs, locations, user } = $derived(data);
 
   let howItWorks = $state();
   let faq = $state();