chore: add og-image to release post

Author: alexdln

app/components/global/BlogPostWrapper.vue

@@ -15,6 +15,7 @@ useSeoMeta({
   ogTitle: props.frontmatter.title,
   ogDescription: props.frontmatter.description || props.frontmatter.excerpt,
   ogType: 'article',
+  ogImage: props.frontmatter.image,
   ...(props.frontmatter.draft ? { robots: 'noindex, nofollow' } : {}),
 })
 
@@ -27,11 +28,13 @@ useHead({
   ],
 })
 
-defineOgImageComponent('BlogPost', {
-  title: props.frontmatter.title,
-  authors: post.value?.authors ?? [],
-  date: props.frontmatter.date,
-})
+if (!props.frontmatter.image) {
+  defineOgImageComponent('BlogPost', {
+    title: props.frontmatter.title,
+    authors: post.value?.authors ?? [],
+    date: props.frontmatter.date,
+  })
+}
 
 const slug = computed(() => props.frontmatter.slug)
 

app/pages/blog/release/0.8.md

@@ -11,6 +11,7 @@ tags: ['OpenSource', 'Release']
 excerpt: "Today we're releasing npmx 0.8 – including a new command palette and a lot of other features."
 date: '2026-04-08'
 slug: 'release/0.8'
+image: 'https://npmx.dev/blog/og/release-0_8.png'
 description: "Today we're releasing npmx 0.8 – including a new command palette and a lot of other features."
 draft: false
 ---

public/blog/og/release-0_8.png

@@ -45,6 +45,7 @@ export const RawBlogPostSchema = object({
   excerpt: optional(string()),
   tags: optional(array(string())),
   draft: optional(boolean()),
+  image: optional(string()),
 })
 
 /** Schema for blog post frontmatter with resolved author data (avatars, profile URLs) */
@@ -58,6 +59,7 @@ export const BlogPostSchema = object({
   excerpt: optional(string()),
   tags: optional(array(string())),
   draft: optional(boolean()),
+  image: optional(string()),
 })
 
 export type Author = InferOutput<typeof AuthorSchema>