@mundogamernetwork/shared-ui 1.1.55 → 1.1.58

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mundogamernetwork/shared-ui",
-  "version": "1.1.55",
+  "version": "1.1.58",
   "description": "Mundo Gamer Network - Shared UI Layer (Nuxt 3)",
   "type": "module",
   "main": "./nuxt.config.ts",

package/pages/{key → key-campaign}/[slug].vue

@@ -12,14 +12,31 @@ const SUPPORTED_LOCALES = ['en', 'pt-BR', 'es', 'de', 'ro', 'ar-AE'];
 const routePath = route.path.split('/');
 const lang = SUPPORTED_LOCALES.find(l => routePath.includes(l)) || 'en';
 
-const apiBase = (import.meta.env?.VITE_API_BASE_URL as string) || '';
-
-const { data: keyData, error: fetchError, pending } = await useAsyncData(
+const config = useRuntimeConfig();
+// keyApiUrl overrides apiBaseURL — lets each front point to a specific API base
+// (e.g. community uses agency-api, not its own locale-prefixed API base).
+// Follow the same override pattern as presskit/game/[slug].vue.
+const cfg = (config.public as any)?.mgSharedUi || config.public;
+const apiBase: string =
+	(config.public as any).keyApiUrl ||
+	cfg.keyApiUrl ||
+	(config.public.apiBaseURL as string) ||
+	'';
+
+const { data: keyData, error: fetchError, pending, refresh } = await useAsyncData(
 	`public-key-${slug}`,
 	() => $fetch<any>(`${apiBase}/public/keys/${slug}`, { params: { lang } }),
-	{ lazy: false },
+	{ lazy: false, server: !!apiBase },
 );
 
+// If SSR produced no data (e.g. apiBase was empty during SSR), run a client-side
+// fetch once mounted so the request appears in DevTools and the page can recover.
+onMounted(async () => {
+	if (!keyData.value && !pending.value) {
+		await refresh();
+	}
+});
+
 const key = computed(() => keyData.value?.data || null);
 const loading = pending;
 const error = computed(() => !!fetchError.value || (!pending.value && !key.value));