fix: sort packages in OG image to normalize cache keys

Adebesin-Cell · claude · Adebesin-Cell · commit bc19494e293d · 2026-04-09T20:44:48.000+01:00
Sorting ensures ?packages=zustand,redux and ?packages=redux,zustand
produce the same OG image URL and share one ISR cache entry.

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'),
 })
 

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`