docs: link the home eyebrow to the release notes

docs/app/components/page/PageHero.vue

@@ -13,6 +13,8 @@ import { NuxtLink } from '#components'
 const props = defineProps<{
   eyebrow?: string
   eyebrowIcon?: string
+  /** Makes the eyebrow a link. */
+  eyebrowTo?: string
   /** The title's first half, in the body face. */
   lead: string
   /** Its second half, in the serif italic. */
@@ -54,11 +56,14 @@ const captionClass = 'text-[11.5px] font-medium uppercase tracking-[.09em] text-
     <UContainer class="relative flex flex-col gap-6">
       <UBadge
         v-if="eyebrow"
+        :as="eyebrowTo ? NuxtLink : 'span'"
+        :to="eyebrowTo"
         :icon="eyebrowIcon"
         :label="eyebrow"
         color="neutral"
         variant="outline"
         class="self-start rounded-full bg-default font-medium text-muted"
+        :class="eyebrowTo && 'hover:text-highlighted hover:ring-accented transition-colors'"
         :ui="{ leadingIcon: 'text-primary' }"
       />
 

docs/app/pages/index.vue

@@ -76,7 +76,7 @@ useSeoMeta({
 
 <template>
   <main v-if="page">
-    <PageHero v-bind="page.hero" :eyebrow="`What's new in v${version}`" :stats="stats" />
+    <PageHero v-bind="page.hero" :eyebrow="`What's new in v${version}`" :eyebrow-to="`/docs/releases/v${version}`" :stats="stats" />
 
     <UContainer as="section" class="pt-12 sm:pt-14 pb-16">
       <PageSectionHeading title="Try every component live">

docs/content.config.ts

@@ -39,6 +39,7 @@ const PageHero = z.object({
   description: z.string(),
   eyebrow: z.string().optional(),
   eyebrowIcon: z.string().optional(),
+  eyebrowTo: z.string().optional(),
   /** The caption opposite the figures, alone or leading the marks. */
   note: z.string().optional(),
   noteIcon: z.string().optional(),