fix: ensure state is ready before app init

This commit is contained in:
Phan An 2024-03-23 09:29:03 +01:00
parent 4576d04c1a
commit 2a58561913
2 changed files with 5 additions and 3 deletions

View file

@ -5,7 +5,7 @@
<GlobalEventListeners />
<OfflineNotification v-if="!online" />
<div v-if="layout === 'main'" id="main" @dragend="onDragEnd" @dragover="onDragOver" @drop="onDrop">
<div v-if="layout === 'main' && initialized" id="main" @dragend="onDragEnd" @dragover="onDragOver" @drop="onDrop">
<Hotkeys />
<MainWrapper />
<AppFooter />
@ -112,12 +112,14 @@ onMounted(async () => {
document.documentElement.classList.add(navigator.userAgent.includes('Mac') ? 'mac' : 'non-mac')
})
const initialized = ref(false)
const init = async () => {
overlay.value!.show({ message: 'Just a little patience…' })
try {
await commonStore.init()
await nextTick()
initialized.value = true
await requestNotificationPermission()

View file

@ -26,7 +26,7 @@ const props = withDefaults(defineProps<{ layout?: ArtistAlbumCardLayout }>(), {
aside {
aspect-ratio: 1/1;
border-radius: 50%;
border-radius: 8px;
}
footer {