ui_migration lint(fix): changes fixed with lint ecmaversion & es2021

webapp/src/components/tabContentComponents/settingsComponents/CSMSettings.vue

@@ -25,7 +25,7 @@ export default {
 
   components: {
     CSMCalibrationSettings,
-    miniStreamDisplay
+    miniStreamDisplay,
   },
 };
 </script>

webapp/src/components/tabContentComponents/settingsComponents/CSMSettingsComponents/CSMCalibrationSettings.vue

@@ -66,7 +66,7 @@ export default {
 
   components: {
     ActionButton,
-    matrixDisplay
+    matrixDisplay,
   },
 
   props: {
@@ -77,6 +77,8 @@ export default {
     },
   },
 
+  emits: ["recalibrateResponse"],
+
   data() {
     return {
       csmMatrix: undefined,
@@ -101,7 +103,7 @@ export default {
       ([{ isIntersecting }]) => {
         this.visibilityChanged(isIntersecting);
       },
-      { threshold: 0.0 }
+      { threshold: 0.0 },
     );
   },
 

webapp/src/components/tabContentComponents/settingsComponents/cameraSettings.vue

@@ -34,7 +34,7 @@ export default {
   components: {
     cameraCalibrationSettings,
     miniStreamDisplay,
-    ServerSpecifiedPropertyControl
+    ServerSpecifiedPropertyControl,
   },
 
   data() {

webapp/src/components/tabContentComponents/settingsComponents/cameraSettingsComponents/cameraCalibrationSettings.vue

@@ -23,14 +23,13 @@
 <script>
 import ServerSpecifiedActionButton from "../../../labThingsComponents/serverSpecifiedActionButton.vue";
 // vue3 migration
-import { markRaw } from "vue";
 
 // Export main app
 export default {
   name: "CameraCalibrationSettings",
 
   components: {
-    ServerSpecifiedActionButton
+    ServerSpecifiedActionButton,
   },
 
   props: {
@@ -45,6 +44,8 @@ export default {
     },
   },
 
+  emits: ["actionFinished"],
+
   data() {
     return {
       primaryCalibrationActions: [],

webapp/src/components/tabContentComponents/settingsComponents/displaySettings.vue

@@ -15,7 +15,7 @@ export default {
 
   components: {
     streamSettings,
-    appSettings
+    appSettings,
   },
 };
 </script>

webapp/src/components/tabContentComponents/settingsComponents/stageSettings.vue

@@ -36,7 +36,7 @@ export default {
   name: "StageSettings",
 
   components: {
-    ActionButton
+    ActionButton,
   },
 
   data: function () {
@@ -57,7 +57,7 @@ export default {
       ([{ isIntersecting }]) => {
         this.visibilityChanged(isIntersecting);
       },
-      { threshold: 0.0 }
+      { threshold: 0.0 },
     );
   },