Maintenance: Fix import order for mobile view.

zammad · May 21, 2024 · c7a50ba · c7a50ba
1 parent 19bf99d
commit c7a50ba
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 35 deletions.
diff --git a/app/frontend/apps/mobile/initialize.ts b/app/frontend/apps/mobile/initialize.ts
diff --git a/app/frontend/apps/mobile/main.ts b/app/frontend/apps/mobile/main.ts
@@ -2,18 +2,27 @@
 
 import { createApp } from 'vue'
 
+import '#mobile/styles/main.css'
+
+import { initializeAppName } from '#shared/composables/useAppName.ts'
 import { useForceDesktop } from '#shared/composables/useForceDesktop.ts'
+import initializeGlobalComponents from '#shared/initializer/globalComponents.ts'
+import initializeGlobalProperties from '#shared/initializer/globalProperties.ts'
 import initializeStoreSubscriptions from '#shared/initializer/storeSubscriptions.ts'
 import { useApplicationStore } from '#shared/stores/application.ts'
 import { useAuthenticationStore } from '#shared/stores/authentication.ts'
+import initializeStore from '#shared/stores/index.ts'
 import { useLocaleStore } from '#shared/stores/locale.ts'
 import { useSessionStore } from '#shared/stores/session.ts'
 
-import App from '#mobile/AppMobile.vue'
-import initializeApp from '#mobile/initialize.ts'
+import { initializeForm, initializeFormFields } from '#mobile/form/index.ts'
+import { initializeGlobalComponentStyles } from '#mobile/initializer/initializeGlobalComponentStyles.ts'
+import { initializeMobileIcons } from '#mobile/initializer/initializeMobileIcons.ts'
+import { initializeMobileVisuals } from '#mobile/initializer/mobileVisuals.ts'
 import initializeRouter from '#mobile/router/index.ts'
 import initializeApolloClient from '#mobile/server/apollo/index.ts'
 
+import App from './AppMobile.vue'
 import { ensureAfterAuth } from './pages/authentication/after-auth/composable/useAfterAuthPlugins.ts'
 
 const { forceDesktopLocalStorage } = useForceDesktop()
@@ -25,13 +34,21 @@ if (forceDesktopLocalStorage.value) window.location.href = '/'
 export default async function mountApp(): Promise<void> {
   const app = createApp(App)
 
+  initializeApolloClient(app)
+
   const router = initializeRouter(app)
 
   Object.defineProperty(window, 'Router', { value: router, configurable: true })
 
-  initializeApp(app)
-  initializeApolloClient(app)
-
+  initializeStore(app)
+  initializeMobileIcons()
+  initializeForm(app)
+  initializeFormFields()
+  initializeGlobalComponentStyles()
+  initializeGlobalComponents(app)
+  initializeAppName('mobile')
+  initializeGlobalProperties(app)
+  initializeMobileVisuals()
   initializeStoreSubscriptions()
 
   const session = useSessionStore()