fix: pass query params to OG image ISR function on Vercel (#2432)

Adebesin-Cell · claude · web-flow · commit fd7703c070b8 · 2026-04-09T20:01:16.000Z
Co-authored-by: Claude Opus 4.6 (1M context) &lt;noreply@anthropic.com&gt;
diff --git a/app/pages/compare.vue b/app/pages/compare.vue
@@ -140,7 +140,7 @@ async function exportComparisonDataAsMarkdown() {
 }
 
 defineOgImageComponent('Compare', {
-  packages: () => packages.value,
+  packages: () => packages.value.toSorted((a, b) => a.localeCompare(b)),
   emptyDescription: () => $t('compare.packages.meta_description_empty'),
 })
 
diff --git a/nuxt.config.ts b/nuxt.config.ts
@@ -129,6 +129,13 @@ export default defineNuxtConfig({
     '/:pkg/.well-known/skills/**': { isr: 3600 },
     '/:scope/:pkg/.well-known/skills/**': { isr: 3600 },
     '/__og-image__/**': getISRConfig(3600),
+    '/__og-image__/image/compare/**': {
+      isr: {
+        expiration: 3600,
+        passQuery: true,
+        allowQuery: ['packages', '_query'],
+      },
+    },
     '/_avatar/**': { isr: 3600, proxy: 'https://www.gravatar.com/avatar/**' },
     '/opensearch.xml': { isr: true },
     '/oauth-client-metadata.json': { prerender: true },

Original file line number	Diff line number	Diff line change
`@@ -140,7 +140,7 @@ async function exportComparisonDataAsMarkdown() {`
`140`	`140`	`}`
`141`	`141`
`142`	`142`	`defineOgImageComponent('Compare', {`
`143`		`- packages: () => packages.value,`
	`143`	`+ packages: () => packages.value.toSorted((a, b) => a.localeCompare(b)),`
`144`	`144`	`emptyDescription: () => $t('compare.packages.meta_description_empty'),`
`145`	`145`	`})`
`146`	`146`