initial splashscreen implementation

1 files changed, 4 insertions, 2 deletions

diff --git a/src/boot/after_store.js b/src/boot/after_store.js
index 6cad05f6..6691ff3e 100644
--- a/src/boot/after_store.js
+++ b/src/boot/after_store.js
@@ -352,10 +352,12 @@ const afterStoreSetup = async ({ store, i18n }) => {
   await setConfig({ store })
   await store.dispatch('setTheme')
 
-  applyConfig(store.state.config)
+  document.querySelector('#status').textContent = i18n.global.t('splash.theme')
+  applyConfig(store.state.config, i18n.global)
 
   // Now we can try getting the server settings and logging in
   // Most of these are preloaded into the index.html so blocking is minimized
+  document.querySelector('#status').textContent = i18n.global.t('splash.instance')
   await Promise.all([
     checkOAuthToken({ store }),
     getInstancePanel({ store }),
@@ -395,9 +397,9 @@ const afterStoreSetup = async ({ store, i18n }) => {
 
   // remove after vue 3.3
   app.config.unwrapInjectedRef = true
+  document.querySelector('#status').textContent = i18n.global.t('splash.almost')
 
   app.mount('#app')
-
   return app
 }