@mundogamernetwork/shared-ui 1.1.36 → 1.1.37

package/nuxt.config.ts

@@ -9,6 +9,8 @@ export default defineNuxtConfig({
 				platform: "", // e.g. MGC, MGTV, MGN
 				systemId: "", // VITE_SYSTEM_ID for notification filtering
 				apiBaseURL: "", // VITE_API_BASE_URL
+				pressKitApiUrl: "", // VITE_PRESS_KIT_API_URL — override per-service; falls back to apiBaseURL
+			agencyBaseUrl: "", // VITE_BASE_URL_AGENCY — used for "create your press kit" CTA link
 				accountsBaseUrl: "", // VITE_BASE_ACCOUNTS_URL
 				networkBaseUrl: "", // VITE_BASE_URL_NETWORK (institutional APIs)
 				features: {

package/package.json

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

package/pages/presskit/[slug].vue

@@ -1,28 +1,49 @@
 <script setup lang="ts">
-import { fetchPublicPressKit, trackPressKitEvent } from '../../services/pressKitService';
+import { trackPressKitEvent } from '../../services/pressKitService';
 
-definePageMeta({ ssr: false, layout: 'blank' });
+definePageMeta({ layout: 'blank' });
 
 const route = useRoute();
 const slug = route.params.slug as string;
 
-const kit = ref<Record<string, any> | null>(null);
-const loading = ref(true);
-const error = ref(false);
+const runtimeConfig = useRuntimeConfig();
+const cfg = (runtimeConfig.public?.mgSharedUi || {}) as Record<string, any>;
+// Consuming apps may set apiBaseURL at public root (agency/community/tv pattern)
+// or inside mgSharedUi. pressKitApiUrl overrides both (e.g. community points to agency API).
+const apiBase: string =
+	cfg.pressKitApiUrl ||
+	(runtimeConfig.public as any)?.pressKitApiUrl ||
+	cfg.apiBaseURL ||
+	(runtimeConfig.public as any)?.apiBaseURL ||
+	'';
 
-onMounted(async () => {
-	try {
-		const { data } = await fetchPublicPressKit(slug);
-		kit.value = data?.data || data;
+const agencyBase: string =
+	cfg.agencyBaseUrl ||
+	(runtimeConfig.public as any)?.agencyBaseUrl ||
+	'';
 
+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: kitData, error: fetchError, pending } = await useAsyncData(
+	`press-kit-${slug}`,
+	() => $fetch<any>(`${apiBase}/public/press-kits/${slug}`, {
+		params: { include: 'assets,videos,credits,awards,quotes', lang },
+	}),
+	{ lazy: false },
+);
+
+const kit = computed(() => kitData.value?.data || kitData.value || null);
+const loading = pending;
+const error = computed(() => !!fetchError.value || (!pending.value && !kit.value));
+
+onMounted(() => {
+	if (kit.value) {
 		trackPressKitEvent(slug, {
 			event_type: 'view',
 			referrer: document.referrer || undefined,
 		}).catch(() => {});
-	} catch {
-		error.value = true;
-	} finally {
-		loading.value = false;
 	}
 });
 
@@ -244,7 +265,7 @@ useHead(() => ({
 
 						<p class="kit-madewith">
 							{{ $t('kit.press.made_with') }} <strong>Mundo Gamer</strong> —
-							<a :href="kit.create_kit_url || '/dashboard/press-kit'">{{ $t('kit.press.create_yours') }}</a>
+							<a :href="kit.create_kit_url || `${agencyBase}/presskit`" target="_blank" rel="noopener">{{ $t('kit.press.create_yours') }}</a>
 						</p>
 					</main>
 				</div>