@mundogamernetwork/shared-ui 1.1.39 → 1.1.41

package/package.json

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

package/pages/magazine/[slug]/index.vue

@@ -1,6 +1,9 @@
 <script setup lang="ts">
 import { ref } from "vue";
 import { useRoute, useRouter } from "vue-router";
+// Explicit import: relying on Nuxt auto-import for this layer-shipped store
+// fails in some fronts' SSR builds ("useMagazineStore is not defined" -> 500).
+import { useMagazineStore } from "../../../stores/magazine";
 
 useSeoMeta({
 	title: "MGN Magazine",

package/pages/magazine/[slug]/preview.vue

@@ -3,6 +3,10 @@ import { useRoute, useRouter } from "vue-router";
 import type { PageData } from "@mundogamernetwork/mgn-flipbook";
 import type { MagazinePage } from "../../../types/magazine";
 import { getMagazinePageHotspots } from "../../../utils/magazineHotspots";
+// Explicit import: the magazine store ships in this layer package; relying on
+// Nuxt auto-import for it fails in some consuming fronts' SSR builds (the new
+// store isn't always registered), throwing "useMagazineStore is not defined".
+import { useMagazineStore } from "../../../stores/magazine";
 
 useSeoMeta({
 	title: "MGN Magazine",
@@ -393,9 +397,9 @@ const accountsRegisterUrl = computed(() => {
 		<section v-else>
 			<ClientOnly>
 				<MgnFlipbook
-					v-if="flipbookPages.length > 0 || magazine.data.pdf_url_src"
+					v-if="flipbookPages.length > 0 || ((magazinePages.status === 'success' || magazinePages.status === 'error') && magazine.data.pdf_url_src)"
 					:pages="flipbookPages.length > 0 ? flipbookPages : undefined"
-					:pdf-url="magazine.data.pdf_url_src"
+					:pdf-url="flipbookPages.length > 0 ? undefined : magazine.data.pdf_url_src"
 					:start-page="startPage"
 					:enable-sound="true"
 					:enable-zoom="true"
@@ -412,7 +416,7 @@ const accountsRegisterUrl = computed(() => {
 				</template>
 			</ClientOnly>
 			<div
-				v-if="!flipbookPages.length && !magazine.data.pdf_url_src && (magazinePages.status === 'pending' || magazinePages.status === 'init')"
+				v-if="!flipbookPages.length && (magazinePages.status === 'pending' || magazinePages.status === 'init')"
 			>
 				<MagazineFlipBookSkelectonLoading />
 			</div>