From 2a58561913ae0c380f10ef97418e6c69b6f40eaf Mon Sep 17 00:00:00 2001
From: Phan An <me@phanan.net>
Date: Sat, 23 Mar 2024 09:29:03 +0100
Subject: [PATCH] fix: ensure state is ready before app init

---
 resources/assets/js/App.vue                                 | 6 ++++--
 .../js/components/ui/skeletons/ArtistAlbumCardSkeleton.vue  | 2 +-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/resources/assets/js/App.vue b/resources/assets/js/App.vue
index 995cb23d..a0e931fa 100644
--- a/resources/assets/js/App.vue
+++ b/resources/assets/js/App.vue
@@ -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()
 
diff --git a/resources/assets/js/components/ui/skeletons/ArtistAlbumCardSkeleton.vue b/resources/assets/js/components/ui/skeletons/ArtistAlbumCardSkeleton.vue
index cb7fbc5f..29ceeff3 100644
--- a/resources/assets/js/components/ui/skeletons/ArtistAlbumCardSkeleton.vue
+++ b/resources/assets/js/components/ui/skeletons/ArtistAlbumCardSkeleton.vue
@@ -26,7 +26,7 @@ const props = withDefaults(defineProps<{ layout?: ArtistAlbumCardLayout }>(), {
 
   aside {
     aspect-ratio: 1/1;
-    border-radius: 50%;
+    border-radius: 8px;
   }
 
   footer {