diff options
Diffstat (limited to 'src/components')
-rw-r--r-- | src/components/PostElement.astro | 6 | ||||
-rw-r--r-- | src/components/Sections/LatestPosts.astro | 6 |
2 files changed, 7 insertions, 5 deletions
diff --git a/src/components/PostElement.astro b/src/components/PostElement.astro index 85320ee..8b4b7c4 100644 --- a/src/components/PostElement.astro +++ b/src/components/PostElement.astro @@ -8,7 +8,9 @@ type Props = { const { post } = Astro.props; const { remarkPluginFrontmatter } = await post.render(); -const formattedDate = dayjs(post.data.pubDate.toString()).format("MMMM DD, YYYY"); + +const formattedDate = dayjs(post.data.datePublished.toString()).format("MMMM DD, YYYY"); +const datePublished = post.data.datePublished.toISOString(); --- <style lang="scss"> @@ -29,7 +31,7 @@ const formattedDate = dayjs(post.data.pubDate.toString()).format("MMMM DD, YYYY" <a href={`/blog/${post.slug}`} lang={post.data.lang}>{post.data.title}</a> <div> <small> - <time datetime={post.data.pubDate.toISOString()} lang="en">{formattedDate}</time> + <time datetime={datePublished} lang="en">{formattedDate}</time> <span>•</span> <span>{remarkPluginFrontmatter.minutesRead}</span> </small> diff --git a/src/components/Sections/LatestPosts.astro b/src/components/Sections/LatestPosts.astro index e91cb4c..e514ff5 100644 --- a/src/components/Sections/LatestPosts.astro +++ b/src/components/Sections/LatestPosts.astro @@ -7,7 +7,7 @@ const posts = await getCollection("blog", ({ data }) => { return data.draft !== true; }); -posts.sort((a, b) => b.data.pubDate.getTime() - a.data.pubDate.getTime()); +posts.sort((a, b) => b.data.datePublished.getTime() - a.data.datePublished.getTime()); const latestPosts = posts.slice(0, 5); --- @@ -32,8 +32,8 @@ const latestPosts = posts.slice(0, 5); </a> <small> - <time datetime={post.data.pubDate.toISOString()} lang="en"> - {dayjs(post.data.pubDate.toString()).format("MMMM DD, YYYY")} + <time datetime={post.data.datePublished.toISOString()} lang="en"> + {dayjs(post.data.datePublished.toString()).format("MMMM DD, YYYY")} </time> </small> </li> |