ts is strict!

src/content/blog/block-1-debriefing/index.md

@@ -4,7 +4,7 @@ author: "Matt Bannert"
 toc: false
 draft: false
 snippet: "Stack -- a developer's toolkit. We discussed how much DevOps a researcher and analyst really needs. Not all rabbit holes are for everyone. Git version control carpentry may be the one skill you must take a way from a semester of hacking for science... Read more!"
-cover: "./dr_egghead_panics.jpg"
+cover: ./dr_egghead_panics.jpg
 coverAlt: "Dr. Egghead panics - too many tools and rabbit holes for him."
 publishDate: "2025-09-26"
 category: "Recap"

src/pages/blog.astro

@@ -14,6 +14,8 @@ const publishedBlogEntries = await getCollection("blog", ({ data }) => {
 publishedBlogEntries.sort(function (a, b) {
   return b.data.publishDate.valueOf() - a.data.publishDate.valueOf();
 });
+
+console.log("Cover data:", publishedBlogEntries[0]?.data.cover);
 ---
 
 
@@ -33,7 +35,7 @@ publishedBlogEntries.sort(function (a, b) {
                 <a href={`/blog/${blogPostEntry.slug}`}>
                   <div class="grid md:grid-cols-2 gap-5 md:gap-10 items-center">
                     <Picture
-                      src={blogPostEntry.data.cover}
+                      src={blogPostEntry.data.cover.src}
                       alt={blogPostEntry.data.coverAlt}
                       sizes="(max-width: 800px) 100vw, 800px"
                       width={800}

src/pages/blog/[slug].astro

@@ -1,7 +1,7 @@
 ---
 import { getCollection } from "astro:content";
 import Layout from "@layouts/Layout.astro";
-import Container from "@components/container.astro";
+import Container from "@components/Container.astro";
 
 // Generate a new path for every collection entry
 export async function getStaticPaths() {