fix format with locale

algasami · May 29, 2024 · 8a06eda · 8a06eda
1 parent 9edff50
commit 8a06eda
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/app/[lang]/posts/page.tsx b/app/[lang]/posts/page.tsx
@@ -1,5 +1,6 @@
 "use client";
 import { format, parseISO } from "date-fns";
+import { enUS, zhTW, Locale as DFLocale } from "date-fns/locale";
 import Link from "next/link";
 import {
   allPostsNewToOld,
@@ -10,6 +11,11 @@ import React from "react";
 import { Locale } from "i18n-config";
 import { getDictionary } from "get-dictionary";
 
+const LocaleFromLang: { [k in Locale]: DFLocale } = {
+  en: enUS,
+  "zh-tw": zhTW,
+};
+
 function useSelectedTags() {
   const [chosen_tags, set_chosen_tags] = React.useState<string[]>([]);
   return { chosen_tags, set_chosen_tags };
@@ -126,7 +132,9 @@ export default function PostPage({ params }: { params: { lang: Locale } }) {
               <PostNav
                 title={post.title}
                 pinned={post.pinned ?? false}
-                subtitle={format(parseISO(post.date), "LLLL d, yyyy")}
+                subtitle={format(parseISO(post.date), "LLLL d, yyyy", {
+                  locale: LocaleFromLang[params.lang],
+                })}
                 tags={post.tags}
                 content={post.description}
                 buttonName="Go to"