refactor(ui): revert wrongly introduced code to handle multiples UI

[e-mobility-charging-stations-simulator.git] / ui / web / src / main.ts

diff --git a/ui/web/src/main.ts b/ui/web/src/main.ts
index 18186e16cf91ac208dd2d205df4700b84961c2bd..97f0167a740f8b5390eee6c1882f31933d287101 100644 (file)
--- a/ui/web/src/main.ts
+++ b/ui/web/src/main.ts
@@ -1,8 +1,10 @@
 import { createApp } from 'vue'
+import ToastPlugin from 'vue-toast-notification'
 import type { ConfigurationData, ResponsePayload } from './types'
 import { router } from '@/router'
 import { UIClient } from '@/composables'
 import App from '@/App.vue'
+import 'vue-toast-notification/dist/theme-bootstrap.css'
 
 const initializeApp = (config: ConfigurationData) => {
   const app = createApp(App)
@@ -12,7 +14,7 @@ const initializeApp = (config: ConfigurationData) => {
     console.info('Error info:', info)
     // TODO: add code for UI notifications or other error handling logic
   }
-  app.config.globalProperties.$uiClient = UIClient.getInstance(config)
+  app.config.globalProperties.$uiClient = UIClient.getInstance(config.uiServer)
   app.config.globalProperties.$uiClient.registerWSEventListener('open', () => {
     app.config.globalProperties.$uiClient
       .listChargingStations()
@@ -25,7 +27,7 @@ const initializeApp = (config: ConfigurationData) => {
         throw error
       })
       .finally(() => {
-        app.use(router).mount('#app')
+        app.use(router).use(ToastPlugin).mount('#app')
       })
   })
 }