mirror of
https://gitee.com/wanwujie/sub2api
synced 2026-04-03 15:02:13 +08:00
116 lines
3.4 KiB
Vue
116 lines
3.4 KiB
Vue
<script setup lang="ts">
|
|
import { RouterView, useRouter, useRoute } from 'vue-router'
|
|
import { onMounted, onBeforeUnmount, watch } from 'vue'
|
|
import Toast from '@/components/common/Toast.vue'
|
|
import NavigationProgress from '@/components/common/NavigationProgress.vue'
|
|
import AnnouncementPopup from '@/components/common/AnnouncementPopup.vue'
|
|
import { useAppStore, useAuthStore, useSubscriptionStore, useAnnouncementStore } from '@/stores'
|
|
import { getSetupStatus } from '@/api/setup'
|
|
|
|
const router = useRouter()
|
|
const route = useRoute()
|
|
const appStore = useAppStore()
|
|
const authStore = useAuthStore()
|
|
const subscriptionStore = useSubscriptionStore()
|
|
const announcementStore = useAnnouncementStore()
|
|
|
|
/**
|
|
* Update favicon dynamically
|
|
* @param logoUrl - URL of the logo to use as favicon
|
|
*/
|
|
function updateFavicon(logoUrl: string) {
|
|
// Find existing favicon link or create new one
|
|
let link = document.querySelector<HTMLLinkElement>('link[rel="icon"]')
|
|
if (!link) {
|
|
link = document.createElement('link')
|
|
link.rel = 'icon'
|
|
document.head.appendChild(link)
|
|
}
|
|
link.type = logoUrl.endsWith('.svg') ? 'image/svg+xml' : 'image/x-icon'
|
|
link.href = logoUrl
|
|
}
|
|
|
|
// Watch for site settings changes and update favicon/title
|
|
watch(
|
|
() => appStore.siteLogo,
|
|
(newLogo) => {
|
|
if (newLogo) {
|
|
updateFavicon(newLogo)
|
|
}
|
|
},
|
|
{ immediate: true }
|
|
)
|
|
|
|
// Watch for authentication state and manage subscription data + announcements
|
|
function onVisibilityChange() {
|
|
if (document.visibilityState === 'visible' && authStore.isAuthenticated) {
|
|
announcementStore.fetchAnnouncements()
|
|
}
|
|
}
|
|
|
|
watch(
|
|
() => authStore.isAuthenticated,
|
|
(isAuthenticated, oldValue) => {
|
|
if (isAuthenticated) {
|
|
// User logged in: preload subscriptions and start polling
|
|
subscriptionStore.fetchActiveSubscriptions().catch((error) => {
|
|
console.error('Failed to preload subscriptions:', error)
|
|
})
|
|
subscriptionStore.startPolling()
|
|
|
|
// Announcements: new login vs page refresh restore
|
|
if (oldValue === false) {
|
|
// New login: delay 3s then force fetch
|
|
setTimeout(() => announcementStore.fetchAnnouncements(true), 3000)
|
|
} else {
|
|
// Page refresh restore (oldValue was undefined)
|
|
announcementStore.fetchAnnouncements()
|
|
}
|
|
|
|
// Register visibility change listener
|
|
document.addEventListener('visibilitychange', onVisibilityChange)
|
|
} else {
|
|
// User logged out: clear data and stop polling
|
|
subscriptionStore.clear()
|
|
announcementStore.reset()
|
|
document.removeEventListener('visibilitychange', onVisibilityChange)
|
|
}
|
|
},
|
|
{ immediate: true }
|
|
)
|
|
|
|
// Route change trigger (throttled by store)
|
|
router.afterEach(() => {
|
|
if (authStore.isAuthenticated) {
|
|
announcementStore.fetchAnnouncements()
|
|
}
|
|
})
|
|
|
|
onBeforeUnmount(() => {
|
|
document.removeEventListener('visibilitychange', onVisibilityChange)
|
|
})
|
|
|
|
onMounted(async () => {
|
|
// Check if setup is needed
|
|
try {
|
|
const status = await getSetupStatus()
|
|
if (status.needs_setup && route.path !== '/setup') {
|
|
router.replace('/setup')
|
|
return
|
|
}
|
|
} catch {
|
|
// If setup endpoint fails, assume normal mode and continue
|
|
}
|
|
|
|
// Load public settings into appStore (will be cached for other components)
|
|
await appStore.fetchPublicSettings()
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<NavigationProgress />
|
|
<RouterView />
|
|
<Toast />
|
|
<AnnouncementPopup />
|
|
</template>
|