Move component prop interfaces to SFC <script> blocks

@vue/compiler-sfc cannot resolve Nuxt auto-imported types
in defineProps<T>() during production builds. Move GoPkgProps
to go-pkg.vue and ProseHeadingProps to prose-heading.vue so
the compiler finds them in the file's own scope. GoPkgLink
stays in app/utils/go-pkg.ts as the return type of
resolveGoPkg.

Signed-off-by: Alejandro Mery <amery@apptly.co>

Author: amery

AGENTS.md

@@ -117,6 +117,10 @@ Logging uses `consola` with tagged instances (`badge:go`,
 
 ### Components
 
+Types used in `defineProps<T>()` must be defined or imported
+in the component's `<script>` block — auto-imports are not
+resolved during production builds.
+
 - `BadgeVersion` — generic badge `<img>` wrapper with loading
   skeleton, error fallback (shows alt text), and SSR hydration
   handling (`onMounted` checks `complete` + `naturalWidth`).

app/components/content/prose-h2.vue

@@ -1,3 +1,7 @@
+<script lang="ts">
+import type { ProseHeadingProps } from './prose-heading.vue';
+</script>
+
 <script setup lang="ts">
 /** Prose h2 override — delegates to ProseHeading with anchor glyph. */
 const props = defineProps<ProseHeadingProps>();

app/components/content/prose-h3.vue

@@ -1,3 +1,7 @@
+<script lang="ts">
+import type { ProseHeadingProps } from './prose-heading.vue';
+</script>
+
 <script setup lang="ts">
 /** Prose h3 override — delegates to ProseHeading with anchor glyph. */
 const props = defineProps<ProseHeadingProps>();

app/components/content/prose-heading.vue

@@ -1,9 +1,20 @@
+<script lang="ts">
+/** Shared props for prose heading overrides. */
+export interface ProseHeadingProps {
+  /** Heading anchor ID, used for the `id` attribute and `#` permalink. */
+  id?: string
+  /** Anchor glyph shown on hover. */
+  glyph?: string
+}
+</script>
+
 <script setup lang="ts">
 /** Generic prose heading with hover-visible anchor glyph. */
 const props = withDefaults(defineProps<ProseHeadingProps & {
   /** HTML heading element to render. */
   as: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'
 }>(), {
+  id: undefined,
   glyph: '\u00A7',
 });
 </script>

app/components/go-pkg.vue

@@ -1,3 +1,21 @@
+<script lang="ts">
+/** Props accepted by the `:go-pkg` MDC component. */
+export interface GoPkgProps {
+  /** Go module path (e.g. `darvaza.org/resolver`). */
+  mod: string
+  /** Subdirectory within the module (e.g. `pkg/client`). */
+  dir?: string
+  /** Type or constant name — links to `#Symbol`. */
+  sym?: string
+  /** Function name — links to `#Func`, label gets `()` suffix. Takes precedence over `sym`. */
+  func?: string
+  /** Show only the symbol/function name, omit the package prefix. Preserves `()` suffix for functions. */
+  short?: boolean
+  /** Override the display text. */
+  label?: string
+}
+</script>
+
 <script setup lang="ts">
 /** Inline link to pkg.go.dev with a trailing Go icon. */
 const props = defineProps<GoPkgProps>();

app/utils/go-pkg.ts

@@ -1,20 +1,6 @@
-const BASE_URL = 'https://pkg.go.dev/';
+import type { GoPkgProps } from '~/components/go-pkg.vue';
 
-/** Props accepted by the `:go-pkg` MDC component. */
-export interface GoPkgProps {
-  /** Go module path (e.g. `darvaza.org/resolver`). */
-  mod: string
-  /** Subdirectory within the module (e.g. `pkg/client`). */
-  dir?: string
-  /** Type or constant name — links to `#Symbol`. */
-  sym?: string
-  /** Function name — links to `#Func`, label gets `()` suffix. Takes precedence over `sym`. */
-  func?: string
-  /** Show only the symbol/function name, omit the package prefix. Preserves `()` suffix for functions. */
-  short?: boolean
-  /** Override the display text. */
-  label?: string
-}
+const BASE_URL = 'https://pkg.go.dev/';
 
 /** Resolved link data for a Go package reference. */
 export interface GoPkgLink {

app/utils/index.ts

@@ -1,14 +1,6 @@
 // Virtual slug for the "Other" group (projects not under any umbrella).
 export const OTHER_SLUG = '_';
 
-/** Shared props for prose heading overrides. */
-export interface ProseHeadingProps {
-  /** Heading anchor ID, used for the `id` attribute and `#` permalink. */
-  id?: string
-  /** Anchor glyph shown on hover. */
-  glyph?: string
-}
-
 /**
  * Type-safe Array.includes that accepts a wider search value.
  *