<script setup>
// ★ mobile-game 页签的 mainPage 侧包装器。
// 子模块 z449 的 App.vue 作为便携式组件被 import，本包装器负责：
//   1. 持有 KeepAlive 匹配用的组件名（与模块 id 一致），子模块自身不持 name
//   2. 把 mainPage 当前语言经 :locale prop 透传给子模块的独立 i18n 实例，
//      使其跟随父项目语言开关响应式切换（不共享 messages，仅同步 locale 值）
// 子模块独立运行时不经过本包装器，保持纯净。
defineOptions({ name: 'mobile-game' })

import { computed } from 'vue'
import i18n from '../../i18n/index.js'
import Z449App from '../../../third_party/z449/src/App.vue'

// 透传父项目当前语言给子应用（响应式：切语言时子应用内容跟随）
const locale = computed(() => i18n.global.locale.value)
</script>

<template>
  <Z449App :locale="locale" />
</template>
