date formatter in a single file

app/blog/components/date.tsx

@@ -1,10 +1,6 @@
-const formatter = Intl.DateTimeFormat("en-US", {
-	day: "2-digit",
-	month: "short",
-	year: "numeric",
-});
+import { formatDate } from "../../core/helpers/date-formatter";
 
 export default function DateComponent({ dateString }: any) {
 	const date = new Date(dateString);
-	return <time dateTime={dateString}>{formatter.format(date)}</time>;
+	return <time dateTime={dateString}>{formatDate(date)}</time>;
 }

app/blog/components/more-stories.tsx

@@ -1,17 +1,14 @@
 import { Link, Routes } from "blitz";
-import PostPreview from "./post-preview";
+
 import type { Post } from "../../../integrations/datocms";
+import { formatDate } from "../../core/helpers/date-formatter";
+
+import PostPreview from "./post-preview";
 
 type Props = {
 	posts: Post[];
 };
 
-const formatter = Intl.DateTimeFormat("en-US", {
-	day: "2-digit",
-	month: "short",
-	year: "numeric",
-});
-
 export default function MoreStories({ posts }: Props) {
 	return (
 		<aside>
@@ -46,9 +43,7 @@ export default function MoreStories({ posts }: Props) {
 													</h3>
 												</a>
 											</Link>
-											<div className="text-sm opacity-80">
-												{formatter.format(new Date(post.date))}
-											</div>
+											<div className="text-sm opacity-80">{formatDate(new Date(post.date))}</div>
 										</header>
 										<footer>
 											{/* Author meta */}