rahix/openflexure-microscope-server
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

ui_migration fix(deps): fixing calibration wizard adding markRaw to components.

Browse source
This commit is contained in:
Antonio Anaya 2026-02-15 04:28:55 -06:00
parent e93de652c6
commit a2565adcba
1 changed files with 5 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

8
webapp/src/components/modalComponents/calibrationWizard.vue
View file

@ -24,6 +24,8 @@ import welcomeStep from "./calibrationWizardComponents/welcomeStep.vue";
import cameraCalibrationTask from "./calibrationWizardComponents/cameraCalibrationTask.vue"; import cameraCalibrationTask from "./calibrationWizardComponents/cameraCalibrationTask.vue";
import cameraStageMappingTask from "./calibrationWizardComponents/cameraStageMappingTask.vue"; import cameraStageMappingTask from "./calibrationWizardComponents/cameraStageMappingTask.vue";
import finalStep from "./calibrationWizardComponents/finalStep.vue"; import finalStep from "./calibrationWizardComponents/finalStep.vue";
// vue3 migration
import { markRaw } from "vue";
export default { export default {
name: "CalibrationWizard", name: "CalibrationWizard",
@ -105,7 +107,7 @@ export default {
// Optionally include the welcome screen // Optionally include the welcome screen
if (includeWelcome) { if (includeWelcome) {
tasks.push({ tasks.push({
component: singleStepTask, component: markRaw(singleStepTask),
props: { stepComponent: welcomeStep }, props: { stepComponent: welcomeStep },
}); });
} }
@ -113,12 +115,12 @@ export default {
// Add calibration task for each thing // Add calibration task for each thing
for (const thing of thingsToCal) { for (const thing of thingsToCal) {
const taskComponent = this.availableCalibrationTasks[thing]; const taskComponent = this.availableCalibrationTasks[thing];
tasks.push({ component: taskComponent }); tasks.push({ component: markRaw(taskComponent), props: {} });
} }
// Always include the final step // Always include the final step
tasks.push({ tasks.push({
component: singleStepTask, component: markRaw(singleStepTask),
props: { stepComponent: finalStep }, props: { stepComponent: finalStep },
}); });