refactor(SaveSegmentGroupDialog): emit event rather than close prop

Kitware · Feb 23, 2024 · 6c0f098 · 6c0f098
1 parent d2c00f1
commit 6c0f098
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/src/components/SaveSegmentGroupDialog.vue b/src/components/SaveSegmentGroupDialog.vue
@@ -57,9 +57,11 @@ const EXTENSIONS = [
 ];
 
 const props = defineProps<{
-  close: () => void;
   id: string;
 }>();
+
+const emit = defineEmits(['done']);
+
 const fileName = ref('');
 const valid = ref(true);
 const saving = ref(false);
@@ -79,7 +81,7 @@ async function saveSegmentGroup() {
     saveAs(new Blob([serialized]), `${fileName.value}.${fileFormat.value}`);
   });
   saving.value = false;
-  props.close();
+  emit('done');
 }
 
 onMounted(() => {

diff --git a/src/components/SegmentGroupControls.vue b/src/components/SegmentGroupControls.vue
@@ -263,7 +263,7 @@ function openSaveDialog(id: string) {
 
   <closeable-dialog v-model="saveDialog" max-width="30%">
     <template v-slot="{ close }">
-      <save-segment-group-dialog :close="close" :id="saveId" />
+      <save-segment-group-dialog :id="saveId" @done="close" />
     </template>
   </closeable-dialog>
 </template>