ui_migration fix(deps): --preliminary-- Removing deep:true from watchers that are not defined as arrays. Missing type hints in watchers.

webapp/src/components/labThingsComponents/actionButton.vue

@@ -155,14 +155,14 @@ export default {
       handler(newval) {
         this.$emit("update:progress", newval);
       },
-      deep: true,
+      //deep: true,
       immediate: true // Optional: triggers immediately on component load
     },
     taskStarted: {
       handler(newval) {
         this.$emit("update:taskStarted", newval);
       },
-      deep: true
+      //deep: true
     },
     taskRunning: {
       handler(newval) {
@@ -180,7 +180,7 @@ export default {
       handler(newval) {
         this.$emit("update:taskStatus", newval);
       },
-      deep: true
+      //deep: true
     }
 },
 

webapp/src/components/labThingsComponents/actionLogDisplay.vue

@@ -60,11 +60,17 @@ export default {
   },
 
   watch: {
-    log: function () {
+    log: {
-      this.scrollToBottom();
+      handler() {
+        this.scrollToBottom();
+      },
+      deep: true,
     },
-    taskStatus: function () {
+    taskStatus: {
-      this.scrollToBottom();
+      handler() {
+        this.scrollToBottom();
+      },
+      //deep: true,
     },
   },
 

webapp/src/components/labThingsComponents/actionStatusModal.vue

@@ -30,6 +30,7 @@ import ActionProgressBar from "./actionProgressBar.vue";
 import ActionLogDisplay from "./actionLogDisplay.vue";
 // vue3 migration
 import { markRaw } from "vue";
+import { eventBus } from "../../eventBus.js";
 
 export default {
   name: "ActionStatusModal",

webapp/src/components/labThingsComponents/inputFromSchema.vue

@@ -216,13 +216,13 @@ export default {
         this.updateIsEdited();
         this.resetInternalValue();
       },
-      deep: true,
+      //deep: true,
     },
     internalValue: {
       handler() {
         this.updateIsEdited();
       },
-      deep: true,
+      //deep: true,
     },
     animate(updated) {
       if (updated) {

webapp/src/components/tabContentComponents/scanListComponents/openSeadragonViewer.vue

@@ -37,6 +37,7 @@ export default {
 
   watch: {
     src: {
+      deep: true,
       immediate: true,
       handler(newVal) {
         this.loadOpenSeaDragon(newVal);