New CHnages with Cookies

src/components/ThemeSwitcher.astro

@@ -27,6 +27,8 @@ const {
   ...rest
 }: Props = Astro.props;
 
+const cookiesValue = Astro.cookies.get(storageKey)?.value ?? "system";
+
 const containerId = `ts-${Math.random().toString(36).slice(2)}`;
 const icon = "wr:size-4";
 const item =
@@ -94,7 +96,7 @@ const checkBase = "wr:size-4 wr:opacity-0 wr:scale-90 wr:transition";
 }
 </style>
 
-<script is:inline define:vars={{ containerId, storageKey, rootSelector, darkBgClass, lightBgClass, rootExtraClass, onChange }}>
+<script is:inline define:vars={{ containerId, storageKey, cookiesValue, rootSelector, darkBgClass, lightBgClass, rootExtraClass, onChange }}>
 (() => {
   const host = document.getElementById(containerId);
   if (!host) return;
@@ -146,7 +148,7 @@ const checkBase = "wr:size-4 wr:opacity-0 wr:scale-90 wr:transition";
   }
 
   // Init
-  const saved = (localStorage.getItem(storageKey)) || "system";
+  const saved = cookiesValue || (localStorage.getItem(storageKey)) || "system";
   apply(saved);
 
   // React to system changes when mode=system