fix: build per-page OG images cleanly under strict prerender

- Disable Nuxt payload extraction: nuxt-og-image's isInternalRoute only skips
  paths starting with "/_", so under baseURL "/2026" it processes the
  "/2026/.../_payload.json" routes as real pages. defineOgImage on session
  detail pages then made the renderer return no response (500) for those
  payload routes during prerender.
- Drop the prerender failOnError override now that payload routes build
  cleanly, restoring strict deploy-time error checking for the static build.
- Pass defineOgImage props via a variable: under the repo's strict
  vueCompilerOptions, the inline object literal tripped TS2353 excess-property
  checks because nuxt-og-image's ReactiveComponentProps resolves to {}.

Author: rileychh

app/pages/[...slug].vue

@@ -35,10 +35,11 @@ useSeoMeta({
   twitterDescription: () => page.value?.description,
 })
 
-defineOgImage('Default', {
+const ogImageProps = {
   title: page.value?.title || 'COSCUP 2026 x UbuCon Asia',
   subtitle: page.value?.description || '',
-})
+}
+defineOgImage('Default', ogImageProps)
 </script>
 
 <template>

app/pages/session/[id].vue

@@ -52,13 +52,13 @@ useSeoMeta({
   twitterDescription: () => sessionInfo.value?.description,
 })
 
-// Data is awaited via useFetch, so sessionInfo is populated at prerender time.
-defineOgImage('Session', {
+const ogImageProps = {
   title: sessionInfo.value?.title ?? '',
   speakers: sessionInfo.value?.speakers.map((speaker) => speaker.name).join(', ') ?? '',
   room: sessionInfo.value?.room ?? '',
   time: sessionInfo.value?.time ?? '',
-})
+}
+defineOgImage('Session', ogImageProps)
 
 function close() {
   router.push(localePath('/session'))

nuxt.config.ts

@@ -95,11 +95,17 @@ export default defineNuxtConfig({
       publicDir: process.env.NUXT_OUTPUT_DIR || '.output/public',
     },
     prerender: {
-      failOnError: false,
       concurrency: 4,
     },
   },
 
+  experimental: {
+    // nuxt-og-image breaks payload-route rendering on pages that call defineOgImage
+    // under baseURL "/2026" (its isInternalRoute misses "/2026/.../_payload.json"),
+    // making the renderer return no response (500). Disable payload extraction.
+    payloadExtraction: false,
+  },
+
   imports: {
     scan: false,
   },