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.onOpen(load);
+ UIClientInstance.registerWSonOpenListener(load);
});
type State = {
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;
}