@mundogamernetwork/shared-ui 1.1.89 → 1.1.91

package/assets/kit/kit-base.css

@@ -624,13 +624,80 @@ body:has(.kit-press) {
 	line-height: 1.6;
 }
 
+/* Discovery carousel */
+.kit-more {
+	padding: 48px 24px 0;
+	max-width: 1280px;
+	margin: 0 auto;
+}
+.kit-more__title {
+	font-size: 0.75rem;
+	font-weight: 700;
+	letter-spacing: 0.12em;
+	text-transform: uppercase;
+	color: var(--kit-muted, #8b92a0);
+	margin: 0 0 20px;
+}
+.kit-more__track {
+	display: flex;
+	gap: 16px;
+	overflow-x: auto;
+	scroll-snap-type: x mandatory;
+	-webkit-overflow-scrolling: touch;
+	padding-bottom: 8px;
+	scrollbar-width: none;
+}
+.kit-more__track::-webkit-scrollbar { display: none; }
+.kit-more__card {
+	flex: 0 0 140px;
+	scroll-snap-align: start;
+	text-decoration: none;
+	color: inherit;
+	display: flex;
+	flex-direction: column;
+	gap: 8px;
+}
+.kit-more__card:hover .kit-more__cover { opacity: 0.8; }
+.kit-more__cover {
+	width: 140px;
+	height: 186px;
+	background: var(--kit-card, #1a1d27) center/cover no-repeat;
+	transition: opacity 0.15s;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+.kit-more__cover-fallback {
+	font-size: 3rem;
+	font-weight: 800;
+	color: var(--kit-muted, #8b92a0);
+	opacity: 0.4;
+}
+.kit-more__name {
+	font-size: 0.8rem;
+	font-weight: 600;
+	color: var(--kit-text, #e8eaf0);
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	max-width: 140px;
+}
+.kit-more__dev {
+	font-size: 0.7rem;
+	color: var(--kit-muted, #8b92a0);
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	max-width: 140px;
+}
+
 /* Footer */
 .kit-footer {
 	display: flex;
 	flex-direction: column;
 	align-items: center;
 	gap: 12px;
-	padding: 40px 24px;
+	padding: 64px 24px;
 	margin-top: 0;
 	border-top: 1px solid var(--kit-line, #252a34);
 	text-align: center;

package/package.json

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

package/pages/presskit/game/[slug].vue

@@ -34,6 +34,15 @@ const { data: kitData, error: fetchError, pending } = await useAsyncData(
 	{ lazy: false },
 );
 
+// Other published press kits for discovery carousel (fetched lazily, non-blocking)
+const { data: moreKitsData } = await useAsyncData(
+	`press-kits-more`,
+	() => $fetch<any>(`${apiBase}/public/press-kits`, {
+		params: { per_page: 12, lang },
+	}),
+	{ lazy: true, server: false },
+);
+
 const kit = computed(() => kitData.value?.data || kitData.value || null);
 const loading = pending;
 const error = computed(() => !!fetchError.value || (!pending.value && !kit.value));
@@ -133,10 +142,19 @@ const facts = computed(() => {
 	if (k.steam_url) out.push({ label: 'Steam', value: 'Steam ↗', href: k.steam_url });
 	if (k.epic_url) out.push({ label: 'Epic Games', value: 'Epic Games ↗', href: k.epic_url });
 	if (k.itch_url) out.push({ label: 'itch.io', value: 'itch.io ↗', href: k.itch_url });
+	if (k.game?.platforms?.length) out.push({ label: 'kit.press.platforms', value: k.game.platforms.join(', ') });
+	if (k.game?.genres?.length) out.push({ label: 'kit.press.genres', value: k.game.genres.join(', ') });
+	if (k.game?.engines?.length) out.push({ label: 'kit.press.engine', value: k.game.engines.join(', ') });
 	if (k.press_contact_email) out.push({ label: 'kit.press.contact', value: k.press_contact_email, href: `mailto:${k.press_contact_email}` });
 	return out;
 });
 
+// Carousel: other published kits excluding the current one
+const moreKits = computed(() => {
+	const items: any[] = moreKitsData.value?.data || [];
+	return items.filter((k: any) => k.slug !== slug).slice(0, 10);
+});
+
 function track(type: 'click' | 'download' | 'contact') {
 	trackPressKitEvent(slug, { event_type: type, referrer: document.referrer || undefined }).catch(() => {});
 }
@@ -365,6 +383,28 @@ useSeoMeta({
 				</div>
 			</div>
 
+			<!-- Discovery carousel — other published press kits -->
+			<section v-if="moreKits.length" class="kit-more">
+				<h2 class="kit-more__title">{{ $t('kit.press.more_games') }}</h2>
+				<div class="kit-more__track">
+					<a
+						v-for="k in moreKits"
+						:key="k.slug"
+						:href="`/presskit/game/${k.slug}`"
+						class="kit-more__card"
+					>
+						<div
+							class="kit-more__cover"
+							:style="k.cover_image_url ? { backgroundImage: `url(${k.cover_image_url})` } : {}"
+						>
+							<div v-if="!k.cover_image_url" class="kit-more__cover-fallback">{{ k.name?.charAt(0) }}</div>
+						</div>
+						<div class="kit-more__name">{{ k.name }}</div>
+						<div v-if="k.developer" class="kit-more__dev">{{ k.developer }}</div>
+					</a>
+				</div>
+			</section>
+
 			<footer class="kit-footer">
 				<p class="kit-footer__text">{{ $t('kit.press.made_with') }} <strong>Mundo Gamer Agency</strong></p>
 				<a :href="kit.create_kit_url || `${agencyBase}/presskit`" target="_blank" rel="noopener" class="kit-footer__cta">{{ $t('kit.press.create_yours') }}</a>