@mundogamernetwork/shared-ui 1.1.92 → 1.1.93

package/assets/kit/kit-base.css

@@ -756,6 +756,13 @@ body:has(.kit-press) {
 	scrollbar-width: none;
 }
 .kit-anchornav-inner::-webkit-scrollbar { display: none; }
+/* Trailing spacer so the last item isn't clipped by the overflow container */
+.kit-anchornav-inner::after {
+	content: '';
+	display: block;
+	min-width: 24px;
+	flex-shrink: 0;
+}
 .kit-anchornav-item {
 	display: inline-block;
 	padding: 14px 16px;

package/package.json

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

package/pages/key-campaigns/[slug].vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { ref, computed, inject, onMounted } from "vue"
+import { ref, computed, inject, onMounted, unref } from "vue"
 import { useNuxtApp, useRoute, useAsyncData, navigateTo } from "#app"
 import {
 	fetchCampaignBySlug,
@@ -476,7 +476,7 @@ const tierLabel = computed(() => {
 // Auth guard for CTA actions
 // ------------------------------------------------------------------
 function requireAuth(targetPath: string) {
-	if (currentUser) {
+	if (unref(currentUser)) {
 		navigateTo(targetPath)
 		return
 	}
@@ -497,7 +497,7 @@ const showUsersModal = ref(false)
 onMounted(async () => {
 	updateCountdown()
 
-	if (currentUser && campaign.value?.id) {
+	if (unref(currentUser) && campaign.value?.id) {
 		try {
 			const response = await fetchMyRequests({ "filter[key_id]": campaign.value.id })
 			const requests = response?.data?.data

package/pages/key-campaigns/key-materials.vue

@@ -187,7 +187,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, inject, onMounted } from "vue"
+import { ref, inject, onMounted, unref } from "vue"
 import { useRoute, useRouter } from "vue-router"
 import { useI18n } from "#imports"
 import { submitMaterial, fetchMaterialsByRequest } from "../../services/campaignService"
@@ -312,7 +312,7 @@ const submitForm = async () => {
 		for (const form of forms.value) {
 			await submitMaterial({
 				key_request_id: requestId.value,
-				user_id: currentUserId,
+				user_id: unref(currentUserId),
 				content_types: form.content_types.map((type) => contentTypesMap[type]),
 				material_url: form.material_url,
 				description: form.description,

package/pages/key-campaigns/redeem-key-approved.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { ref, inject, onMounted } from "vue"
+import { ref, inject, onMounted, unref } from "vue"
 import { useRoute, navigateTo } from "#app"
 import { useNuxtApp } from "#app"
 import { revealKey, fetchKeyRequestById } from "../../services/campaignService"
@@ -47,7 +47,7 @@ const redeemUrl = computed(() => {
 })
 
 onMounted(async () => {
-	if (!currentUser) {
+	if (!unref(currentUser)) {
 		const returnTo = typeof window !== "undefined" ? window.location.href : ""
 		navigateTo(`${loginUrl}?redirect_to=${encodeURIComponent(returnTo)}`, { external: true })
 		return

package/pages/key-campaigns/redeem-key.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { ref, computed, inject, onMounted } from "vue"
+import { ref, computed, inject, onMounted, unref } from "vue"
 import { useRoute, navigateTo } from "#app"
 import { useNuxtApp } from "#app"
 import {
@@ -46,7 +46,7 @@ function clampQuantity() {
 }
 
 onMounted(async () => {
-	if (!currentUser) {
+	if (!unref(currentUser)) {
 		const returnTo = typeof window !== "undefined" ? window.location.href : ""
 		navigateTo(`${loginUrl}?redirect_to=${encodeURIComponent(returnTo)}`, { external: true })
 		return

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

@@ -96,6 +96,15 @@ function scrollToTop() {
 	window.scrollTo({ top: 0, behavior: 'smooth' });
 }
 
+function scrollToSection(id: string) {
+	const el = document.getElementById(id);
+	if (!el) return;
+	const nav = document.querySelector('.kit-anchornav') as HTMLElement | null;
+	const offset = nav ? nav.offsetHeight : 52;
+	const top = el.getBoundingClientRect().top + window.scrollY - offset;
+	window.scrollTo({ top, behavior: 'smooth' });
+}
+
 onMounted(() => {
 	const hero = document.querySelector('.kit-cover') as HTMLElement | null;
 	heroHeight = hero ? hero.offsetHeight : 300;
@@ -119,7 +128,7 @@ const navSections = computed(() => {
 	if (coverage.value.length) s.push({ id: 'creators', label: 'kit.press.coverage' });
 	if (awards.value.length) s.push({ id: 'awards', label: 'kit.press.awards' });
 	if (team.value.length) s.push({ id: 'team', label: 'kit.press.team' });
-	if (showcases.value.length) s.push({ id: 'events', label: 'kit.press.showcases' });
+	if (hasEcosystem.value) s.push({ id: 'events', label: 'kit.press.showcases' });
 	if (k.press_contact_email) s.push({ id: 'contact', label: 'kit.press.contact' });
 	return s;
 });
@@ -221,6 +230,7 @@ useSeoMeta({
 						:key="s.id"
 						:href="`#${s.id}`"
 						class="kit-anchornav-item"
+						@click.prevent="scrollToSection(s.id)"
 					>{{ $te(s.label) ? $t(s.label) : s.label }}</a>
 				</div>
 			</nav>