@mundogamernetwork/shared-ui 1.1.55 → 1.1.57

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mundogamernetwork/shared-ui",
-  "version": "1.1.55",
+  "version": "1.1.57",
   "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,25 @@ 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 config = useRuntimeConfig();
+// apiBaseURL may be undefined at build time on some deployments — fall back to
+// a relative path so the SSR node process at least resolves against the same host.
+const apiBase = (config.public.apiBaseURL as string) || '';
 
-const { data: keyData, error: fetchError, pending } = await useAsyncData(
+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));