fix: rename OgImageSaas.vue to .satori.vue and add headline prop for nuxt-og-image v6

Copilot · TechWatching · web-flow · commit 52e1447cc5a2 · 2026-04-12T22:13:37.000Z
Agent-Logs-Url: https://github.com/TechWatching/techwatching.dev/sessions/712e7fdd-498f-4c52-ae77-2173710bc933 Co-authored-by: TechWatching <15186176+TechWatching@users.noreply.github.com>
diff --git a/app/components/OgImage/OgImageSaas.satori.vue b/app/components/OgImage/OgImageSaas.satori.vue
@@ -11,6 +11,10 @@ defineProps({
   description: {
     type: String,
     required: true
+  },
+  headline: {
+    type: String,
+    default: undefined
   }
 })
 </script>
diff --git a/app/pages/goodies/[slug].vue b/app/pages/goodies/[slug].vue
@@ -32,7 +32,7 @@ if (goodie.value.image?.src) {
     twitterImage: joinURL(site.url, goodie.value.image.src)
   })
 } else {
-  defineOgImageComponent('SaaS', {
+  defineOgImageComponent('Saas', {
     headline: 'Goodies'
   })
 }
diff --git a/app/pages/goodies/index.vue b/app/pages/goodies/index.vue
@@ -14,7 +14,7 @@ useSeoMeta({
   ogDescription: description
 })
 
-defineOgImageComponent('SaaS')
+defineOgImageComponent('Saas')
 
 const activeGoodie = useState<number | null>('activeGoodie', () => null)
 </script>
diff --git a/app/pages/posts/[slug].vue b/app/pages/posts/[slug].vue
@@ -48,7 +48,7 @@ if (post.value.image?.src) {
     twitterImage: joinURL(site.url, post.value.image.src)
   })
 } else {
-  defineOgImageComponent('SaaS', {
+  defineOgImageComponent('Saas', {
     headline: 'Blog'
   })
 }
diff --git a/app/pages/posts/index.vue b/app/pages/posts/index.vue
@@ -14,7 +14,7 @@ useSeoMeta({
   ogDescription: description
 })
 
-defineOgImageComponent('SaaS')
+defineOgImageComponent('Saas')
 
 const activePost = useState<number | null>('activePost', () => null)
 
diff --git a/app/pages/speaking.vue b/app/pages/speaking.vue
@@ -24,7 +24,7 @@ useSeoMeta({
   ogDescription: description
 })
 
-defineOgImageComponent('SaaS')
+defineOgImageComponent('Saas')
 
 // Sort events by date (most recent first) and filter out incomplete entries
 const events = computed(() => {
diff --git a/app/pages/tags/[tag].vue b/app/pages/tags/[tag].vue
@@ -23,7 +23,7 @@ useSeoMeta({
   ogDescription: description
 })
 
-defineOgImageComponent('SaaS')
+defineOgImageComponent('Saas')
 
 const activePost = useState<number | null>('activePost', () => null)
 </script>
diff --git a/app/pages/tags/index.vue b/app/pages/tags/index.vue
@@ -31,7 +31,7 @@ useSeoMeta({
   ogDescription: description
 })
 
-defineOgImageComponent('SaaS')
+defineOgImageComponent('Saas')
 </script>
 
 <template>

Original file line number	Diff line number	Diff line change
`@@ -32,7 +32,7 @@ if (goodie.value.image?.src) {`
`32`	`32`	`twitterImage: joinURL(site.url, goodie.value.image.src)`
`33`	`33`	`})`
`34`	`34`	`} else {`
`35`		`- defineOgImageComponent('SaaS', {`
	`35`	`+ defineOgImageComponent('Saas', {`
`36`	`36`	`headline: 'Goodies'`
`37`	`37`	`})`
`38`	`38`	`}`
Original file line number	Diff line number	Diff line change
`@@ -48,7 +48,7 @@ if (post.value.image?.src) {`
`48`	`48`	`twitterImage: joinURL(site.url, post.value.image.src)`
`49`	`49`	`})`
`50`	`50`	`} else {`
`51`		`- defineOgImageComponent('SaaS', {`
	`51`	`+ defineOgImageComponent('Saas', {`
`52`	`52`	`headline: 'Blog'`
`53`	`53`	`})`
`54`	`54`	`}`