updated compiled app

src/components/LocationItem.vue

@@ -53,7 +53,11 @@ const myData = computed(() => {
 });
 
 const isDeleted = computed(() => {
+  if (myData.value) {
     return myData.value.status === 'deleted' ? true : false;
+  } else {
+    return false;
+  }
 });
 
 const currentTime = ref(new Date());
@@ -202,7 +206,7 @@ const itemClass = computed(() => {
 });
 
 const customIcon = computed(() => {
-  if (myData.value.status === 'deleted') {
+  if (isDeleted.value) {
     return new Icon({
       color: 'black',
       accentColor: 'black',

src/components/leaflet/LocationDrawer.vue

@@ -4,7 +4,7 @@ import { storeToRefs } from 'pinia';
 import { computed, ref, watch } from 'vue';
 import { useLeafletStore } from 'stores/leaflet';
 import { useQuasar } from 'quasar';
-import { zoomTo } from 'src/composables/useZoom';
+//import { zoomTo } from 'src/composables/useZoom';
 
 // Draggable imports
 import { VueDraggable } from 'vue-draggable-plus';

src/stores/simulation.ts

@@ -138,10 +138,7 @@ export const useSimulationStore = defineStore('simulationStore', {
           if (debugLog) {
             console.log('Emitting simulation_control: start');
           }
-          socket.emit(
+          socket.emit('simulation_control', { command: 'start' }, (response: CommandResponse) => {
-            'simulation_control',
-            { command: 'start' },
-            (response: CommandResponse) => {
             if (response.command_status == 'ERROR') {
               functionReturn = { status: 'error', message: response.message?.toString() };
               throw new Error(response.message);
@@ -158,8 +155,7 @@ export const useSimulationStore = defineStore('simulationStore', {
               }
               //              return response.message;
             }
-            },
+          });
-          );
           break;
         case 'test-mode':
           socket.emit(
@@ -212,10 +208,7 @@ export const useSimulationStore = defineStore('simulationStore', {
           if (this.simulationState !== 'RUNNING') {
             throw new Error('Simulation is not running');
           }
-          socket.emit(
+          socket.emit('simulation_control', { command: 'pause' }, (response: CommandResponse) => {
-            'simulation_control',
-            { command: 'pause' },
-            (response: CommandResponse) => {
             if (response.command_status === 'ERROR') {
               throw new Error(response.message);
             } else {
@@ -231,8 +224,7 @@ export const useSimulationStore = defineStore('simulationStore', {
               }
               return response.message;
             }
-            },
+          });
-          );
           break;
         case 'resume':
           if (this.simulationState !== 'PAUSED') {
@@ -382,8 +374,7 @@ export const useSimulationStore = defineStore('simulationStore', {
           });
           break;
         case 'next':
-          socket.emit('simulation_control', { command: 'next' },
+          socket.emit('simulation_control', { command: 'next' }, (response: CommandResponse) => {
-            (response: CommandResponse) => {
             if (response.command_status == 'ERROR') {
               throw new Error(response.message);
             } else {
@@ -562,8 +553,8 @@ export const useSimulationStore = defineStore('simulationStore', {
         return functionReturn;
       });
     },
-    getLocationData(loc_id: strong): LocationMark {
+    getLocationData(loc_id: string) {
-      return this.locationQueueData[loc_id]
+      return this.locationQueueData[loc_id];
     },
     digestUpdate(data: SimulationStatusUpdate): void {
       if (data.current_location) this.updateCurrentLocation(data.current_location);
@@ -592,7 +583,6 @@ export const useSimulationStore = defineStore('simulationStore', {
       } else {
         this.locationQueueData = data;
       }
-
     },
   },
 });