feat: make weather fetching dynamic

2026-02-11 14:43:13 -06:00
parent 1573331f87
commit 7f7f710fe8
5 changed files with 54 additions and 46 deletions
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -45,10 +45,13 @@ const weather = await directus.request(readSingleton('site_weather'));
  <FeaturesSection />

  <WeatherSection
+    server:defer
    latitude={weather.latitude} 
    longitude={weather.longitude} 
    cityName={weather.location}
-  />
+    timezone={weather.timezone}
+  >
+  </WeatherSection>

  <LatestPosts />

@@ -109,5 +112,11 @@ const weather = await directus.request(readSingleton('site_weather'));
    };

    animateContent();
+
+    const observer = new MutationObserver(() => {
+      animateContent();
+    });
+
+    observer.observe(document.body, { childList: true, subtree: true });
  });
 </script>