From 96a83f92e99572d42f4486e897f551e9c2c09c4d Mon Sep 17 00:00:00 2001
From: Seven <qiqiwatermelon@gmail.com>
Date: Tue, 6 Jan 2026 23:33:44 +0700
Subject: [PATCH] =?UTF-8?q?feat:=20=E9=87=8D=E6=9E=84=20usePWAInstall=20?=
 =?UTF-8?q?=E9=80=BB=E8=BE=91=EF=BC=8C=E4=BC=98=E5=8C=96=20iOS=20=E8=AE=BE?=
 =?UTF-8?q?=E5=A4=87=E6=A3=80=E6=B5=8B=E5=92=8C=E5=AE=89=E8=A3=85=E6=8F=90?=
 =?UTF-8?q?=E7=A4=BA=E5=A4=84=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/composables/usePWAInstall.ts | 62 ++++++++++++++++----------------
 1 file changed, 32 insertions(+), 30 deletions(-)

diff --git a/src/composables/usePWAInstall.ts b/src/composables/usePWAInstall.ts
index 397b555..cc7f328 100644
--- a/src/composables/usePWAInstall.ts
+++ b/src/composables/usePWAInstall.ts
@@ -3,39 +3,33 @@ interface BeforeInstallPromptEvent extends Event {
   userChoice: Promise<{ outcome: "accepted" | "dismissed" }>;
 }
 
-export function usePWAInstall() {
-  const deferredPrompt = ref<BeforeInstallPromptEvent | null>(null);
-  const canInstall = ref(false);
-  const isInstalled = ref(false);
+// 全局状态，在模块加载时就创建
+const deferredPrompt = ref<BeforeInstallPromptEvent | null>(null);
+const canInstall = ref(false);
+const isInstalled = ref(false);
 
-  // 检测是否是 iOS 设备
-  function isIOS() {
-    return /iPad|iPhone|iPod/.test(navigator.userAgent) && !(window as any).MSStream;
+// 检测是否是 iOS 设备
+function isIOS() {
+  return /iPad|iPhone|iPod/.test(navigator.userAgent) && !(window as any).MSStream;
+}
+
+// 检测是否是 iOS Safari（未安装）
+function isIOSSafari() {
+  return isIOS() && !(window.navigator as any).standalone;
+}
+
+// 在模块加载时就设置监听器（不等待组件挂载）
+if (typeof window !== "undefined") {
+  // 检查是否已安装
+  if (window.matchMedia("(display-mode: standalone)").matches) {
+    isInstalled.value = true;
+    console.log("[PWA] Already installed (standalone mode)");
   }
-
-  // 检测是否是 iOS Safari（未安装）
-  function isIOSSafari() {
-    return isIOS() && !(window.navigator as any).standalone;
+  else if ((window.navigator as any).standalone === true) {
+    isInstalled.value = true;
+    console.log("[PWA] Already installed (iOS standalone)");
   }
-
-  // 使用 onMounted 确保在客户端环境执行
-  onMounted(() => {
-    console.log("[PWA] usePWAInstall mounted");
-
-    // 检查是否已安装
-    if (window.matchMedia("(display-mode: standalone)").matches) {
-      isInstalled.value = true;
-      console.log("[PWA] Already installed (standalone mode)");
-      return;
-    }
-
-    // 检查 iOS Safari 独立模式
-    if ((window.navigator as any).standalone === true) {
-      isInstalled.value = true;
-      console.log("[PWA] Already installed (iOS standalone)");
-      return;
-    }
-
+  else {
     // 监听安装提示事件（仅 Android/Chrome）
     window.addEventListener("beforeinstallprompt", (e: Event) => {
       console.log("[PWA] beforeinstallprompt event fired");
@@ -57,6 +51,14 @@ export function usePWAInstall() {
       console.log("[PWA] iOS Safari detected, showing install button");
       canInstall.value = true;
     }
+  }
+}
+
+export function usePWAInstall() {
+  onMounted(() => {
+    console.log("[PWA] usePWAInstall mounted");
+    console.log("[PWA] canInstall:", canInstall.value);
+    console.log("[PWA] isInstalled:", isInstalled.value);
   });
 
   async function install() {