improve loading

src/App.vue

@@ -1,8 +1,7 @@
 <script setup lang="ts">
-import { activeNote, updateNote } from '@/composables/useNotes'
+import { activeNote, updateNote, notes } from '@/composables/useNotes'
 import { viewModes, activeViewMode } from '@/composables/useViewMode'
 import { windowIsMobile } from '@/utils/helpers'
-import { initialized } from '@/composables/useFirebase'
 import firebase from 'firebase/compat/app'
 import * as firebaseui from 'firebaseui'
 
@@ -15,6 +14,9 @@ const sideBarCollapsed = ref<boolean>(windowIsMobile())
 const firebaseAuthUI =
   firebaseui.auth.AuthUI.getInstance() || new firebaseui.auth.AuthUI(firebase.auth())
 provide('firebaseAuthUI', firebaseAuthUI)
+
+const loading = computed(() => notes.value.length === 0)
+provide('loading', loading)
 </script>
 
 <template>
@@ -34,7 +36,7 @@ provide('firebaseAuthUI', firebaseAuthUI)
       class="transition[margin-left] z-10 mt-[50px] w-full border-x-[1px] bg-white px-10 py-6 duration-200 ease-out"
       :class="sideBarCollapsed ? 'ml-0' : 'ml-sidebar max-sm:hidden'"
     >
-      <template v-if="initialized">
+      <template v-if="!loading">
         <Note
           v-if="activeViewMode.name === 'Note' && activeNote"
           :key="activeNote.id"