Clean date with content collection config, not component

nextflow-io · Mar 15, 2024 · 9cd2b1f · 9cd2b1f
1 parent d61e323
commit 9cd2b1f
Show file tree

Hide file tree

Showing 6 changed files with 10 additions and 20 deletions.
diff --git a/src/components/DateStr.astro b/src/components/DateStr.astro
diff --git a/src/content/config.ts b/src/content/config.ts
@@ -11,7 +11,9 @@ const blogCollection = defineCollection({
     icon: z.string(),
     tags: z.string(),
     // tags: z.array(z.string()).optional(),
-    date: z.date(),
+    date: z
+      .date()
+      .transform((d) => d.getDate() + " " + d.toLocaleString("default", { month: "long" }) + " " + d.getFullYear()),
   }),
 });
 
@@ -28,7 +30,9 @@ const podcastCollection = defineCollection({
     icon: z.string(),
     tags: z.string(),
     // tags: z.array(z.string()).optional(),
-    date: z.date(),
+    date: z
+      .date()
+      .transform((d) => d.getDate() + " " + d.toLocaleString("default", { month: "long" }) + " " + d.getFullYear()),
   }),
 });
 

diff --git a/src/pages/blog/[...post].astro b/src/pages/blog/[...post].astro
@@ -1,7 +1,6 @@
 ---
 import { getCollection } from "astro:content";
 import Page from "@layouts/Page.astro";
-import DateStr from "@components/DateStr.astro";
 
 export async function getStaticPaths() {
   const blogPosts = await getCollection("blog");
@@ -23,7 +22,7 @@ const tags = entry.data.tags.split(",");
         <h2><a href="#">{entry.data.title}</a></h2>
         <ul class="text-muted list-inline blg-header">
           <li><i class="fa fa-user"></i> {entry.data.author}</li>
-          <li><i class="fa fa-calendar"></i> <DateStr d={entry.data.date} /></li>
+          <li><i class="fa fa-calendar"></i> {entry.data.date}</li>
         </ul>
         <hr />
         <div class="blg-text">

diff --git a/src/pages/blog/index.astro b/src/pages/blog/index.astro
@@ -1,7 +1,6 @@
 ---
 import { getCollection } from "astro:content";
 import Page from "@layouts/Page.astro";
-import DateStr from "@components/DateStr.astro";
 
 const posts = (await getCollection("blog")).sort(
   (a, b) => new Date(b.data.date).valueOf() - new Date(a.data.date).valueOf(),
@@ -29,7 +28,7 @@ const posts = (await getCollection("blog")).sort(
                     <i class="fa fa-user" /> {post.data.author}
                   </li>
                   <li>
-                    <i class="fa fa-calendar" /> <DateStr d={post.data.date} />
+                    <i class="fa fa-calendar" /> {post.data.date}
                   </li>
                 </ul>
                 <hr />

diff --git a/src/pages/podcast/[...episode].astro b/src/pages/podcast/[...episode].astro
@@ -1,7 +1,6 @@
 ---
 import { getCollection } from "astro:content";
 import Page from "@layouts/Page.astro";
-import DateStr from "@components/DateStr.astro";
 
 export async function getStaticPaths() {
   const episodes = await getCollection("podcast");
@@ -23,7 +22,7 @@ const tags = entry.data.tags.split(",");
         <h2><a href="#">{entry.data.title}</a></h2>
         <ul class="text-muted list-inline blg-header">
           <li><i class="fa fa-user"></i> {entry.data.author}</li>
-          <li><i class="fa fa-calendar"></i> <DateStr d={entry.data.date} /></li>
+          <li><i class="fa fa-calendar"></i> {entry.data.date}</li>
         </ul>
         <hr />
         <div class="blg-text">

diff --git a/src/pages/podcasts.astro b/src/pages/podcasts.astro
@@ -1,7 +1,6 @@
 ---
 import { getCollection } from "astro:content";
 import Page from "@layouts/Page.astro";
-import DateStr from "@components/DateStr.astro";
 
 const episodes = (await getCollection("podcast")).sort(
   (a, b) => new Date(b.data.date).valueOf() - new Date(a.data.date).valueOf(),
@@ -43,7 +42,7 @@ const episodes = (await getCollection("podcast")).sort(
                     <i class="fa fa-info-circle" /> {post.data.subtype}
                   </li>
                   <li>
-                    <i class="fa fa-calendar" /> <DateStr d={post.data.date} />
+                    <i class="fa fa-calendar" /> {post.data.date}
                   </li>
                 </ul>
                 <hr />