@mundogamernetwork/shared-ui 1.1.48 → 1.1.50

package/package.json

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

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

@@ -98,17 +98,28 @@ function track(type: 'click' | 'download' | 'contact') {
 }
 
 const requestUrl = useRequestURL();
+
+const seoTitle = computed(() => kit.value ? `${kit.value.name} — Press Kit` : 'Press Kit');
+const seoDescription = computed(() => kit.value?.tagline || kit.value?.description?.replace(/<[^>]*>/g, '').slice(0, 160) || '');
+const seoImage = computed(() => kit.value?.hero_image_url || kit.value?.cover_image_url || kit.value?.logo_url || '');
+
 useHead(() => ({
-	title: kit.value ? `${kit.value.name} — Press Kit` : 'Press Kit',
-	meta: [
-		{ name: 'description', content: kit.value?.tagline || '' },
-		{ property: 'og:title', content: kit.value?.name || 'Press Kit' },
-		{ property: 'og:description', content: kit.value?.tagline || '' },
-		{ property: 'og:image', content: kit.value?.hero_image_url || kit.value?.logo_url || '' },
-		{ property: 'og:type', content: 'article' },
-		{ property: 'og:url', content: requestUrl.href },
-	],
+	title: seoTitle.value,
 }));
+
+useSeoMeta({
+	title: () => seoTitle.value,
+	description: () => seoDescription.value,
+	ogTitle: () => seoTitle.value,
+	ogDescription: () => seoDescription.value,
+	ogImage: () => seoImage.value,
+	ogType: 'article',
+	ogUrl: () => requestUrl.href,
+	twitterCard: 'summary_large_image',
+	twitterTitle: () => seoTitle.value,
+	twitterDescription: () => seoDescription.value,
+	twitterImage: () => seoImage.value,
+});
 </script>
 
 <template>

package/stores/auth.ts

@@ -71,8 +71,13 @@ export const useAuthStore = defineStore({
 		userId: (state) => (state.user ? state.user.id : null),
 		isSignedIn: (state) => state.signedIn,
 	},
+	// Persisted via pinia-plugin-persistedstate when the consuming app registers
+	// the module; storage is left as the plugin default (localStorage, SSR-safe)
+	// so this store does NOT reference the `persistedState` global. Referencing it
+	// threw "persistedState is not defined" during SSR on fronts that consume this
+	// layer without the module (the base, network-site, never had it). Fronts with
+	// the module still persist; fronts without it simply skip persistence, no crash.
 	persist: {
-		storage: persistedState.localStorage,
 		pick: ["user", "signedIn"],
 		afterHydrate: ({ store }) => {
 			store.initialized = false;