diff --git a/Services/client/src/main.ts b/Services/client/src/main.ts
index 4a436d5..a7cb552 100644
--- a/Services/client/src/main.ts
+++ b/Services/client/src/main.ts
@@ -10,25 +10,25 @@ import quasarUserOptions from './quasar-user-options'
 import 'quasar/src/css/index.sass'
 import { login } from './services/KeyCloakService'
 
-await login()
+login().then(async () => {
+  const app = createApp(App)
+  const pinia = createPinia()
 
-const app = createApp(App)
-const pinia = createPinia()
+  app.use((await import('./router')).default)
+  app.use(pinia)
+  app.use(Quasar, {
+    ...quasarUserOptions,
+    plugins: {
+      Dialog,
+      Loading,
+    },
+    lang: th,
+  })
 
-app.use((await import('./router')).default)
-app.use(pinia)
-app.use(Quasar, {
-  ...quasarUserOptions,
-  plugins: {
-    Dialog,
-    Loading,
-  },
-  lang: th,
+  app.component(
+    'full-loader',
+    defineAsyncComponent(() => import('@/components/FullLoader.vue')),
+  )
+
+  app.mount('#app')
 })
-
-app.component(
-  'full-loader',
-  defineAsyncComponent(() => import('@/components/FullLoader.vue')),
-)
-
-app.mount('#app')