fix: get og image url correctly

src/content/config.ts

@@ -16,6 +16,7 @@ const blog = defineCollection({
         .refine(img => img.width >= 1200 && img.height >= 630, {
           message: "OpenGraph image must be at least 1200 X 630 pixels!",
         })
+        .or(z.string())
         .optional(),
       description: z.string(),
       canonicalURL: z.string().optional(),

src/layouts/PostDetails.astro

@@ -18,10 +18,8 @@ const { title, author, description, ogImage, canonicalURL, pubDatetime, tags } =
 
 const { Content } = await post.render();
 
-const ogUrl = new URL(
-  ogImage ? ogImage.src : `${post.slug}.png`,
-  Astro.url.origin
-).href;
+const ogImageUrl = typeof ogImage === "string" ? ogImage : ogImage?.src;
+const ogUrl = new URL(ogImageUrl ?? `${post.slug}.png`, Astro.url.origin).href;
 ---
 
 <Layout