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

webapp/src/components/modalComponents/calibrationWizard.vue

@@ -30,6 +30,8 @@ export default {
 
   components: {},
 
+  emits: ["onClose"],
+
   data: function () {
     return {
       isNeeded: undefined,

webapp/src/components/modalComponents/calibrationWizardComponents/calibrationWizardTask.vue

@@ -66,6 +66,8 @@ export default {
     },
   },
 
+  emits: ["back", "next"],
+
   data() {
     return {
       stepIndex: this.startOnLast ? this.steps.length - 1 : 0,

webapp/src/components/modalComponents/calibrationWizardComponents/cameraCalibrationSteps/cameraMainCalibrationStep.vue

@@ -9,7 +9,7 @@
         <cameraCalibrationSettings
           :show-extra-settings="false"
           :camera-uri="cameraUri"
-          @actionFinished="checkCalibrationState"
+          @action-finished="checkCalibrationState"
         />
       </div>
     </template>
@@ -26,9 +26,11 @@ export default {
 
   components: {
     stepTemplateWithStream,
-    cameraCalibrationSettings
+    cameraCalibrationSettings,
   },
 
+  emits: ["awaiting-user"],
+
   computed: {
     cameraUri: function () {
       return `${this.$store.getters.baseUri}/camera/`;

webapp/src/components/modalComponents/calibrationWizardComponents/cameraCalibrationTask.vue

@@ -19,8 +19,10 @@ import { markRaw } from "vue";
 
 export default {
   name: "CameraCalibrationTask",
-  components: { 
-    calibrationWizardTask},
+  components: {
+    calibrationWizardTask,
+  },
+
   props: {
     // Standard calibrationWizardTask props below:
     first: Boolean,
@@ -31,9 +33,14 @@ export default {
     },
   },
 
+  emits: ["next", "back"],
+
   data: function () {
     return {
-      steps: [{ component: markRaw(camCalibrationExplanation) }, { component: markRaw(cameraMainCalibrationStep)}],
+      steps: [
+        { component: markRaw(camCalibrationExplanation) },
+        { component: markRaw(cameraMainCalibrationStep) },
+      ],
     };
   },
 };

webapp/src/components/modalComponents/calibrationWizardComponents/cameraStageMappingTask.vue

@@ -21,7 +21,7 @@ import { markRaw } from "vue";
 export default {
   name: "CameraCalibrationTask",
   components: {
-    calibrationWizardTask
+    calibrationWizardTask,
   },
   props: {
     // Standard calibrationWizardTask props below:
@@ -32,10 +32,15 @@ export default {
       default: false,
     },
   },
+  emits: ["next", "back"],
 
   data: function () {
     return {
-      steps: [{ component: markRaw(csmExplanation) }, { component: markRaw(focusStep) }, { component: markRaw(runCsmStep) }],
+      steps: [
+        { component: markRaw(csmExplanation) },
+        { component: markRaw(focusStep) },
+        { component: markRaw(runCsmStep) },
+      ],
     };
   },
 };

webapp/src/components/modalComponents/calibrationWizardComponents/csmSteps/focusStep.vue

@@ -37,7 +37,7 @@ export default {
 
   components: {
     stepTemplateWithStream,
-    ActionButton
+    ActionButton,
   },
 };
 </script>

webapp/src/components/modalComponents/calibrationWizardComponents/csmSteps/runCsmStep.vue

@@ -8,7 +8,7 @@
       <div class="action-button-container">
         <CSMCalibrationSettings
           :show-extra-settings="false"
-          @recalibrateResponse="checkCalibrationState"
+          @recalibrate-response="checkCalibrationState"
         />
       </div>
     </template>
@@ -28,6 +28,8 @@ export default {
     CSMCalibrationSettings,
   },
 
+  emits: ["awaiting-user"],
+
   mounted() {
     this.checkCalibrationState();
   },

webapp/src/components/modalComponents/calibrationWizardComponents/singleStepTask.vue

@@ -29,9 +29,10 @@ import { markRaw } from "vue";
 
 export default {
   name: "SingleStepTask",
-  components: { 
-    calibrationWizardTask
+  components: {
+    calibrationWizardTask,
   },
+
   props: {
     // This must be sent
     stepComponent: {
@@ -56,6 +57,8 @@ export default {
     },
   },
 
+  emits: ["next", "back"],
+
   data: function () {
     return {
       steps: [{ component: markRaw(this.stepComponent), props: this.stepProps }],

webapp/src/components/modalComponents/calibrationWizardComponents/stepTemplateWithStream.vue

@@ -14,7 +14,7 @@ export default {
   name: "StepTemplateWithStream",
 
   components: {
-    miniStreamDisplay
+    miniStreamDisplay,
   },
 };
 </script>