feat: use time tag for date (#760)

* feat: use `time` tag

* refactor: use `DATE_US` filter

1 files changed, 2 insertions, 4 deletions

diff --git a/lume/src/talks.jsx b/lume/src/talks.jsx
index b8e0950..1004d94 100644
--- a/lume/src/talks.jsx
+++ b/lume/src/talks.jsx
@@ -1,9 +1,7 @@
 export const title = "Conference Talks";
 export const layout = "base.njk";
 
-export default ({ search }) => {
-  const dateOptions = { year: "numeric", month: "2-digit", day: "2-digit" };
-
+export default ({ search }, { date }) => {
   return (
     <>
       <h1 className="text-3xl mb-4">{title}</h1>
@@ -11,7 +9,7 @@ export default ({ search }) => {
       <ul class="list-disc ml-4 mb-4">
         {search.pages("layout=talk.njk", "order date=desc").map((post) => (
           <li>
-            {post.data.date.toLocaleDateString("en-US", dateOptions)} -{" "}
+            <time datetime={date(post.data.date)}>{date(post.data.date, "DATE_US")}</time> -{" "}
             <a href={post.data.url}>{post.data.title}</a>
           </li>
         ))}