Uniformize log messages, take 2
[e-mobility-charging-stations-simulator.git] / src / ui / web / src / views / ChargingStationsView.vue
index 9a5a2ce1d95a7bd8e0ddfd6495ad257abf4a5539..42e698e57933376c553cc98adb8f2d5f904ff6e1 100644 (file)
@@ -22,10 +22,10 @@ import ReloadButton from '@/components/buttons/ReloadButton.vue';
 import CSTable from '@/components/charging-stations/CSTable.vue';
 
 import { onMounted, reactive } from 'vue';
-import UIClient from '@/composable/UIClient';
-import { ChargingStationData } from '@/type/ChargingStationType';
+import UIClient from '@/composables/UIClient';
+import type { ChargingStationData } from '@/types/ChargingStationType';
 
-const UIClientInstance = UIClient.instance;
+const UIClientInstance = UIClient.getInstance();
 
 onMounted(() => {
   UIClientInstance.registerWSonOpenListener(load);
@@ -46,8 +46,8 @@ const state: State = reactive({
 async function load(): Promise<void> {
   if (state.isLoading === true) return;
   state.isLoading = true;
-  const list = await UIClientInstance.listChargingStations();
-  state.chargingStations = list as unknown as Record<string, ChargingStationData>;
+  const chargingStationsList = await UIClientInstance.listChargingStations();
+  state.chargingStations = chargingStationsList as unknown as Record<string, ChargingStationData>;
   state.isLoading = false;
 }
 
@@ -80,7 +80,6 @@ function stopSimulator(): void {
   padding: 6px 14px;
   background-color: rgb(25, 118, 210);
   border-radius: 5px;
-
   color: white;
   font-size: 35px;
   font-weight: bold;