Merge remote-tracking branch 'upstream/main' into refactor-remove-unnecessary-prop-from-links

Author: essenmitsosse

app/components/OgImage/Package.vue

@@ -32,7 +32,10 @@ if (
 }
 
 const { data: downloads, refresh: refreshDownloads } = usePackageDownloads(name, 'last-week')
-const { data: pkg, refresh: refreshPkg } = usePackage(name, resolvedVersion.value ?? version.value)
+const { data: pkg, refresh: refreshPkg } = usePackage(
+  name,
+  () => resolvedVersion.value ?? version.value,
+)
 const displayVersion = computed(() => pkg.value?.requestedVersion ?? null)
 
 const repositoryUrl = computed(() => {

app/pages/about.vue

@@ -108,32 +108,32 @@ const { data: contributors, status: contributorsStatus } = useFetch<GitHubContri
                 >
                   <template #already>{{ $t('about.what_we_are_not.words.already') }}</template>
                   <template #people>
-                    <LinkBase :to="pmLinks.npm">{{
+                    <LinkBase :to="pmLinks.npm" class="font-sans">{{
                       $t('about.what_we_are_not.words.people')
                     }}</LinkBase>
                   </template>
                   <template #building>
-                    <LinkBase :to="pmLinks.pnpm">{{
+                    <LinkBase :to="pmLinks.pnpm" class="font-sans">{{
                       $t('about.what_we_are_not.words.building')
                     }}</LinkBase>
                   </template>
                   <template #really>
-                    <LinkBase :to="pmLinks.yarn">{{
+                    <LinkBase :to="pmLinks.yarn" class="font-sans">{{
                       $t('about.what_we_are_not.words.really')
                     }}</LinkBase>
                   </template>
                   <template #cool>
-                    <LinkBase :to="pmLinks.bun">{{
+                    <LinkBase :to="pmLinks.bun" class="font-sans">{{
                       $t('about.what_we_are_not.words.cool')
                     }}</LinkBase>
                   </template>
                   <template #package>
-                    <LinkBase :to="pmLinks.deno">{{
+                    <LinkBase :to="pmLinks.deno" class="font-sans">{{
                       $t('about.what_we_are_not.words.package')
                     }}</LinkBase>
                   </template>
                   <template #managers>
-                    <LinkBase :to="pmLinks.vlt">{{
+                    <LinkBase :to="pmLinks.vlt" class="font-sans">{{
                       $t('about.what_we_are_not.words.managers')
                     }}</LinkBase>
                   </template>

app/pages/compare.vue

@@ -257,7 +257,7 @@ useSeoMeta({
       <!-- Empty state -->
       <section
         v-else
-        class="text-center px-1.5 py-16 border border-dashed border-border rounded-lg"
+        class="text-center px-1.5 py-16 border border-dashed border-border-hover rounded-lg"
       >
         <div class="i-carbon:compare w-12 h-12 text-fg-subtle mx-auto mb-4" aria-hidden="true" />
         <h2 class="font-mono text-lg text-fg-muted mb-2">

app/pages/package/[[org]]/[name].vue

@@ -141,7 +141,7 @@ const {
   data: pkg,
   status,
   error,
-} = usePackage(packageName, resolvedVersion.value ?? requestedVersion.value)
+} = usePackage(packageName, () => resolvedVersion.value ?? requestedVersion.value)
 const displayVersion = computed(() => pkg.value?.requestedVersion ?? null)
 
 // Process package description

nuxt.config.ts

@@ -88,6 +88,13 @@ export default defineNuxtConfig({
   routeRules: {
     // API routes
     '/api/**': { isr: 60 },
+    '/api/registry/badge/**': {
+      isr: {
+        expiration: 60 * 60 /* one hour */,
+        passQuery: true,
+        allowQuery: ['color', 'labelColor', 'label', 'name'],
+      },
+    },
     '/api/registry/docs/**': { isr: true, cache: { maxAge: 365 * 24 * 60 * 60 } },
     '/api/registry/file/**': { isr: true, cache: { maxAge: 365 * 24 * 60 * 60 } },
     '/api/registry/provenance/**': { isr: true, cache: { maxAge: 365 * 24 * 60 * 60 } },