add logos and splashscreen plugin

capacitor.config.ts

@@ -8,6 +8,9 @@ const config: CapacitorConfig = {
     androidScheme: 'https'
   },
   plugins: {
+    SplashScreen: {
+      backgroundColor: '#1E4BC4'
+    },
     Keyboard: {
       resize: 'native'
     },

package-lock.json

@@ -15,6 +15,7 @@
         "@capacitor/haptics": "^5.0.2",
         "@capacitor/ios": "^5.0.4",
         "@capacitor/keyboard": "^5.0.2",
+        "@capacitor/splash-screen": "^5.0.2",
         "@capacitor/status-bar": "^5.0.2",
         "@ckeditor/ckeditor5-autoformat": "^37.1.0",
         "@ckeditor/ckeditor5-basic-styles": "^37.1.0",
@@ -327,6 +328,14 @@
         "@capacitor/core": "^5.0.0"
       }
     },
+    "node_modules/@capacitor/splash-screen": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/@capacitor/splash-screen/-/splash-screen-5.0.2.tgz",
+      "integrity": "sha512-DJQQL3VfY7LfMH0FJgzrb0N1v3fZw0EVfBRB+xQjbI13jjoafS8WPRCQDvXxzoJqfh5hQyepDRyYxIdOCB2KEA==",
+      "peerDependencies": {
+        "@capacitor/core": "^5.0.0"
+      }
+    },
     "node_modules/@capacitor/status-bar": {
       "version": "5.0.2",
       "resolved": "https://registry.npmjs.org/@capacitor/status-bar/-/status-bar-5.0.2.tgz",
@@ -13436,6 +13445,12 @@
       "integrity": "sha512-5qauopAd9Dlltzi87i/WHMBsocCf0BJqVxRZ3H+kifQm4BLHGokrzuanddEJd6MPOnglSl3H3C9oElJB3wkVVQ==",
       "requires": {}
     },
+    "@capacitor/splash-screen": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/@capacitor/splash-screen/-/splash-screen-5.0.2.tgz",
+      "integrity": "sha512-DJQQL3VfY7LfMH0FJgzrb0N1v3fZw0EVfBRB+xQjbI13jjoafS8WPRCQDvXxzoJqfh5hQyepDRyYxIdOCB2KEA==",
+      "requires": {}
+    },
     "@capacitor/status-bar": {
       "version": "5.0.2",
       "resolved": "https://registry.npmjs.org/@capacitor/status-bar/-/status-bar-5.0.2.tgz",

package.json

@@ -22,6 +22,7 @@
     "@capacitor/haptics": "^5.0.2",
     "@capacitor/ios": "^5.0.4",
     "@capacitor/keyboard": "^5.0.2",
+    "@capacitor/splash-screen": "^5.0.2",
     "@capacitor/status-bar": "^5.0.2",
     "@ckeditor/ckeditor5-autoformat": "^37.1.0",
     "@ckeditor/ckeditor5-basic-styles": "^37.1.0",

src/main.ts

@@ -7,6 +7,9 @@ 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 })