fix plausible stats

i think

src/routes/+layout.svelte

@@ -115,8 +115,19 @@
 		// Apply theme before DOM is loaded
 		let theme = localStorage.getItem("theme");
 		if (theme !== "light" && theme !== "dark") {
-			const prefersDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
+			const prefersDark = window.matchMedia(
+				"(prefers-color-scheme: dark)",
+			).matches;
 			theme = prefersDark ? "dark" : "light";
+
+			if (!theme) {
+				// first time visitor
+				window.addEventListener("load", () => {
+					window.plausible("Theme set", {
+						props: { theme: theme.dark ? "dark" : "light" },
+					});
+				});
+			}
 		}
 
 		document.documentElement.classList.add(theme);

src/routes/+layout.ts

@@ -1,5 +1,4 @@
 import { browser } from "$app/environment";
-import { theme } from "$lib/store/index.svelte";
 
 export const load = ({ data }) => {
 	if (!browser) return;
@@ -10,10 +9,6 @@ export const load = ({ data }) => {
 				status: 200,
 			});
 		});
-	window.plausible("Theme set", {
-		props: { theme: theme.dark ? "dark" : "light" },
-	});
-	theme.dark = localStorage.getItem("theme") === "dark";
 	return data;
 };