@mundogamernetwork/shared-ui 1.1.54 → 1.1.57

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mundogamernetwork/shared-ui",
-  "version": "1.1.54",
+  "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

@@ -3,8 +3,6 @@
 // (Discord/Telegram/WhatsApp) and from anywhere — no need to enter a dashboard.
 // Anyone can view; requesting a key uses KeyBrowser's hybrid auth (it redirects
 // to login on 401 and returns).
-import httpService from '../services/httpService';
-
 definePageMeta({ layout: 'blank' });
 
 const route = useRoute();
@@ -14,12 +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 { data: keyData, error: fetchError, pending } = await useAsyncData(
+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, refresh } = await useAsyncData(
 	`public-key-${slug}`,
-	() => httpService.get<any>(`/public/keys/${slug}`, { params: { lang } }).then(r => r.data),
-	{ lazy: false },
+	() => $fetch<any>(`${apiBase}/public/keys/${slug}`, { params: { lang } }),
+	{ 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));