aaaaaaaa

src/components/BlogList.svelte

@@ -71,7 +71,7 @@
               {post.data.author}
             </address>
             <div class="inline-block post-meta col-start-3 lg:ml-1">
-              <Time time={parseTime(post.data.pubDate)} />
+              <Time datetime={post.data.pubDate} />
             </div>
             <div class="col-span-3">{post.data.summary}</div>
           </div>

src/components/Time.svelte

@@ -1,12 +1,13 @@
 <script lang="ts">
 import type { Temporal } from "@js-temporal/polyfill";
-import { printTime } from "../utils/time";
+import { parseTime, printTime } from "../utils/time";
 
 interface Props {
-  time: Temporal.ZonedDateTime
+  datetime: string
 }
 
-const { time }: Props = $props();
+const { datetime }: Props = $props();
+const time = $derived(parseTime(datetime));
 </script>
 
 <time datetime={time.toString()} class="post-meta inline-block col-start-3">