ios icons and splash

src/App.vue

@@ -12,9 +12,12 @@ import { initializeSettings } from '@/composables/useSettings'
 import { windowIsMobile } from '@/utils/helpers'
 import SideBar from '@/components/SideBar.vue'
 import { useWindowSize } from '@vueuse/core'
+import { SplashScreen } from '@capacitor/splash-screen'
 
 initializeSettings()
 
+onMounted(() => SplashScreen.hide())
+
 const sideBarCollapsed = ref<boolean>(windowIsMobile())
 
 const { width } = useWindowSize()

src/main.ts

@@ -7,9 +7,6 @@ import { usePreferredDark, useFavicon } from '@vueuse/core'
 import { initializeFirebase } from '@/composables/useFirebase'
 import { StatusBar, Style } from '@capacitor/status-bar'
 import { Keyboard } from '@capacitor/keyboard'
-import { SplashScreen } from '@capacitor/splash-screen'
-
-SplashScreen.hide()
 
 if (Capacitor.isNativePlatform()) {
   StatusBar.setStyle({ style: Style.Dark })