@mundogamernetwork/shared-ui 1.1.53 → 1.1.55

package/components/ui/MgWalletPlanBadge.vue

@@ -21,6 +21,7 @@ const props = defineProps({
 
 const authStore = useAuthStore();
 const { user } = storeToRefs(authStore);
+const { t } = useI18n();
 
 const walletBalance = computed<number>(
 	() => (user.value as any)?.mgc_balance ?? (user.value as any)?.coins ?? 0,
@@ -32,7 +33,7 @@ const planDisplayName = computed(() => {
 	if (!sub.plan_name && raw && props.planPrefix) {
 		raw = raw.replace(new RegExp(`^${props.planPrefix}`), "");
 	}
-	raw = (raw || "Free").replace(/-/g, " ");
+	raw = (raw || t("account_menu.plan_free", "Free")).replace(/-/g, " ");
 	return raw.charAt(0).toUpperCase() + raw.slice(1);
 });
 
@@ -78,17 +79,16 @@ const isSubscriber = computed(() => !!(user.value as any)?.subscription?.is_subs
 	}
 
 	&__tag {
-		font-size: 0.7rem;
-		font-weight: 600;
+		font-size: 0.68rem;
+		font-weight: 500;
 		text-transform: uppercase;
-		letter-spacing: 0.04em;
-		padding: 2px 8px;
-		color: var(--inactive, #aaa);
-		border: 1px solid var(--border-card, #333);
+		letter-spacing: 0.05em;
+		color: var(--inactive, #666);
+		opacity: 0.8;
 
 		&.is-subscriber {
 			color: var(--highlight-color, var(--header-active-fg, #ff7700));
-			border-color: currentColor;
+			opacity: 1;
 		}
 	}
 }

package/package.json

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

package/pages/key/[slug].vue

@@ -8,24 +8,19 @@ definePageMeta({ layout: 'blank' });
 const route = useRoute();
 const slug = route.params.slug as string;
 
-const runtimeConfig = useRuntimeConfig();
-const cfg = (runtimeConfig.public?.mgSharedUi || {}) as Record<string, any>;
-const apiBase: string =
-	cfg.apiBaseURL ||
-	(runtimeConfig.public as any)?.apiBaseURL ||
-	'';
-
 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 apiBase = (import.meta.env?.VITE_API_BASE_URL as string) || '';
+
 const { data: keyData, error: fetchError, pending } = await useAsyncData(
 	`public-key-${slug}`,
 	() => $fetch<any>(`${apiBase}/public/keys/${slug}`, { params: { lang } }),
 	{ lazy: false },
 );
 
-const key = computed(() => keyData.value?.data || keyData.value || null);
+const key = computed(() => keyData.value?.data || null);
 const loading = pending;
 const error = computed(() => !!fetchError.value || (!pending.value && !key.value));