fix: follow existing pattern to add ShareCard.d.vue.ts

Author: ShroXd

app/components/OgImage/ShareCard.d.vue.ts

@@ -0,0 +1,17 @@
+// This type declaration file is required to break a circular type resolution in vue-tsc.
+// And is based off Package.d.vue.ts
+//
+// nuxt-og-image generates a type declaration (.nuxt/module/nuxt-og-image.d.ts) that imports
+// this component's type. This creates a cycle: nuxt.d.ts → nuxt-og-image.d.ts → ShareCard.vue →
+// needs auto-import globals from nuxt.d.ts. Without this file, vue-tsc resolves the component
+// before the globals are available, so all auto-imports (computed, toRefs, useFetch, etc.) fail.
+
+import type { DefineComponent } from 'vue'
+
+declare const _default: DefineComponent<{
+  name: string
+  theme?: 'light' | 'dark'
+  color?: string
+}>
+
+export default _default

app/utils/colors.ts

@@ -8,7 +8,12 @@
 export function withAlpha(color: string, alpha: number): string {
   if (color.startsWith('oklch(')) return color.replace(')', ` / ${alpha})`)
   if (color.startsWith('#'))
-    return color + Math.round(alpha * 255).toString(16).padStart(2, '0')
+    return (
+      color +
+      Math.round(alpha * 255)
+        .toString(16)
+        .padStart(2, '0')
+    )
   return color
 }