ruthenic.com-rewrite/src/components/blogList.astro

---
import { getCollection } from "astro:content";

const posts = (await getCollection("blog"))
    .filter(
        (entry) => !entry.data.wip || process.env.NODE_ENV === "development"
    )
    .sort((a, b) => b.data.pubDate.valueOf() - a.data.pubDate.valueOf());
---

<div>
    {
        posts.map((post) => {
            return (
                <a href={`blog/${post.slug}`}>
                    <div
                        class="main-content"
                        style="margin-bottom: 10px; font-size: 125%;"
                    >
                        <div>
                            <b>{post.data.title}</b> -{" "}
                            {post.data.pubDate.toDateString()}
                            <br />
                        </div>
                        <i>{post.data.description}</i>
                    </div>
                </a>
            );
        })
    }
</div>