verce-vue-test 0.0.28 → 0.0.29

package/mini2.0-main/src/App.vue

@@ -1,20 +1,7 @@
-<script setup lang="ts">
-import { useAppStore } from '@/stores/app'
-
-const appStore = useAppStore()
-
-onMounted(async () => {
-  await appStore.initNativeDetection()
-
-  // 测试环境 + 原生设备：加载 vConsole 调试面板
-  if (import.meta.env.VITE_APP_ENV === 'test' && appStore.isNative) {
-    import('vconsole').then(({ default: VConsole }) => new VConsole())
-  }
-})
-</script>
+<script setup lang="ts"></script>
 
 <template>
-  <router-view v-if="appStore.ready" v-slot="{ Component }">
+  <router-view v-slot="{ Component }">
     <keep-alive include="Home">
       <component :is="Component" />
     </keep-alive>

package/mini2.0-main/src/main.ts

@@ -5,6 +5,7 @@ import 'vant/lib/index.css'
 
 import App from './App.vue'
 import router from './router'
+import { useAppStore } from '@/stores/app'
 
 const app = createApp(App)
 const pinia = createPinia()
@@ -14,4 +15,14 @@ pinia.use(piniaPluginPersistedstate)
 app.use(pinia)
 app.use(router)
 
+// 等待原生环境检测完成后再挂载，确保所有组件读到的 isNative 都是正确值
+const appStore = useAppStore()
+await appStore.initNativeDetection()
+
+// 测试环境 + 原生设备：加载 vConsole 调试面板
+if (import.meta.env.VITE_APP_ENV === 'test' && appStore.isNative) {
+  const { default: VConsole } = await import('vconsole')
+  new VConsole()
+}
+
 app.mount('#app')

package/mini2.0-main/src/stores/app.ts

@@ -5,12 +5,10 @@ import { whenNativeReady } from '@/core/mxApi'
  * 应用级状态 Store
  *
  * 存放全局共享的运行时状态，不持久化。
+ * initNativeDetection 在 main.ts 挂载前调用，组件读取时值已就绪。
  */
 export const useAppStore = defineStore('app', () => {
-  /** 原生环境检测是否已完成（App.vue onMounted 后变为 true） */
-  const ready = ref(false)
-
-  /** 是否在原生 APP WebView 环境中（由 App.vue 初始化时检测并写入） */
+  /** 是否在原生 APP WebView 环境中 */
   const isNative = ref(false)
 
   /**
@@ -18,12 +16,10 @@ export const useAppStore = defineStore('app', () => {
    *
    * 等待 deviceready 事件后判断 window.MXCommon 是否存在，
    * 浏览器环境下 3 秒超时后返回 false。
-   * 应在 App.vue onMounted 中调用，全局只需一次。
    */
   async function initNativeDetection() {
     isNative.value = await whenNativeReady()
-    ready.value = true
   }
 
-  return { ready, isNative, initNativeDetection }
+  return { isNative, initNativeDetection }
 })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "verce-vue-test",
-  "version": "0.0.28",
+  "version": "0.0.29",
   "private": false,
   "type": "module",
   "scripts": {