Refactor code structure for improved readability and maintainability

This commit is contained in:
2026-01-11 15:51:22 +07:00
parent 6f8a8de9be
commit 309606565b
46 changed files with 28649 additions and 28522 deletions

View File

@@ -1,52 +1,52 @@
import { ref, onMounted } from 'vue'
import { onMounted, ref } from "vue";
export function usePWAInstall() {
const deferredPrompt = ref<any>(null)
const canInstall = ref(false)
const isInstalled = ref(false)
const deferredPrompt = ref<any>(null);
const canInstall = ref(false);
const isInstalled = ref(false);
onMounted(() => {
// 检查是否已安装
if (window.matchMedia('(display-mode: standalone)').matches) {
isInstalled.value = true
return
if (window.matchMedia("(display-mode: standalone)").matches) {
isInstalled.value = true;
return;
}
// 监听安装提示事件
window.addEventListener('beforeinstallprompt', (e) => {
e.preventDefault()
deferredPrompt.value = e
canInstall.value = true
})
window.addEventListener("beforeinstallprompt", (e) => {
e.preventDefault();
deferredPrompt.value = e;
canInstall.value = true;
});
// 监听安装成功事件
window.addEventListener('appinstalled', () => {
deferredPrompt.value = null
canInstall.value = false
isInstalled.value = true
})
})
window.addEventListener("appinstalled", () => {
deferredPrompt.value = null;
canInstall.value = false;
isInstalled.value = true;
});
});
async function install() {
if (!deferredPrompt.value) {
return false
return false;
}
try {
await deferredPrompt.value.prompt()
const { outcome } = await deferredPrompt.value.userChoice
await deferredPrompt.value.prompt();
const { outcome } = await deferredPrompt.value.userChoice;
if (outcome === 'accepted') {
deferredPrompt.value = null
canInstall.value = false
return true
if (outcome === "accepted") {
deferredPrompt.value = null;
canInstall.value = false;
return true;
}
return false
return false;
}
catch (error) {
console.error('安装失败:', error)
return false
console.error("安装失败:", error);
return false;
}
}
@@ -54,5 +54,5 @@ export function usePWAInstall() {
canInstall,
isInstalled,
install,
}
};
}