deep watch lists

If lists are not deep watched, no changes are registered at all

src/components/spectator/entities/MachineEntity.vue

@@ -92,7 +92,7 @@ watch(
         workpiece.holding == false && workpiece.at_machine == props.machine.name
     )
   },
-  { immediate: true }
+  { deep: true, immediate: true }
 )
 </script>
 

src/components/spectator/entities/RobotEntity.vue

@@ -88,7 +88,7 @@ watch(
         workpiece.robot_holding == props.robot.number
     )
   },
-  { immediate: true }
+  { deep: true, immediate: true }
 )
 </script>
 

src/store/eventStore.ts

@@ -1,4 +1,4 @@
-import { ref, type Ref, computed, watch, ComputedRef } from 'vue'
+import { ref, type Ref, computed, ComputedRef } from 'vue'
 import { defineStore } from 'pinia'
 import { useGameStore } from '@/store/gameStore'
 import type GameEvent from '@/types/GameEvent'

src/store/reportStore.ts

@@ -444,7 +444,8 @@ export const useReportStore = defineStore('reportStore', () => {
     () => activeAgentTasks.value,
     (newActiveAgentTasks, _) => {
       robotStore.agentTasks = newActiveAgentTasks
-    }
+    },
+    { deep: true }
   )
 
   // whenever the computed property `activeWorkpieces` changes, update the
@@ -453,7 +454,8 @@ export const useReportStore = defineStore('reportStore', () => {
     () => activeWorkpieces.value,
     (newWorkpieces, _) => {
       orderStore.workpieces = newWorkpieces
-    }
+    },
+    { deep: true }
   )
 
   // EXPORTS - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -