Move random posts to most recently 3 posts

src/components/HomePosts.astro

@@ -3,7 +3,16 @@ import Post from "../components/Post.astro";
 
 const { allPosts } = Astro.props;
 
-let posts = allPosts.sort(() => 0.5 - Math.random()).slice(0, 3);
+// TODO: account for recently updated posts, too
+let posts = allPosts
+	.sort(
+		(a, b) =>
+			new Date(b.frontmatter.added).valueOf() -
+			new Date(a.frontmatter.added).valueOf()
+	)
+	.slice(0, 3);
+
+//.sort(() => 0.5 - Math.random()).slice(0, 3);
 ---
 
 <content>

src/pages/index.astro

@@ -2,7 +2,7 @@
 import BaseHead from "../components/BaseHead.astro";
 import Header from "../components/Header.astro";
 import Footer from "../components/Footer.astro";
-import RandomPosts from "../components/RandomPosts.astro";
+import HomePosts from "../components/HomePosts.astro";
 import ColorScript from "../components/ColorScript.astro";
 import { SITE_TITLE, SITE_DESCRIPTION } from "../config";
 import { Content as About } from "./about.md";
@@ -40,7 +40,7 @@ let tags = [...new Set(getTags)];
 			<About />
 
 			<h3>Here's a sampler of some posts</h3>
-			<RandomPosts allPosts={posts} />
+			<HomePosts allPosts={posts} />
 
 			<h3>View posts by tag</h3>
 			<p>