diff options
Diffstat (limited to 'components/loader/LoaderDiscardSessionModal.vue')
| -rw-r--r-- | components/loader/LoaderDiscardSessionModal.vue | 24 |
1 files changed, 16 insertions, 8 deletions
diff --git a/components/loader/LoaderDiscardSessionModal.vue b/components/loader/LoaderDiscardSessionModal.vue index 845b10a..6f5ed02 100644 --- a/components/loader/LoaderDiscardSessionModal.vue +++ b/components/loader/LoaderDiscardSessionModal.vue @@ -5,7 +5,7 @@ const showModal = ref(false); const open = () => { showModal.value = true; -} +}; const confirm = () => { session.setQuests([]); @@ -16,11 +16,11 @@ const confirm = () => { navigateToEditorPane(null); showModal.value = false; -} +}; defineExpose({ - open -}) + open, +}); </script> <template> @@ -29,12 +29,20 @@ defineExpose({ <h2>Discard current session</h2> </template> - <p>You are about to discard your current session. All changes will be lost. - Do you want to continue?</p> + <p> + You are about to discard your current session. All changes will be lost. Do you want to + continue? + </p> <div id="controls" class="control-group"> <Button :icon="['fas', 'xmark']" :label="'Cancel'" @click="showModal = false"></Button> - <Button type="solid" accent="danger" :icon="['fas', 'trash']" :label="'Confirm'" @click="confirm"></Button> + <Button + type="solid" + accent="danger" + :icon="['fas', 'trash']" + :label="'Confirm'" + @click="confirm" + ></Button> </div> </Modal> </template> @@ -45,4 +53,4 @@ defineExpose({ justify-content: flex-end; margin-top: 1rem; } -</style>
\ No newline at end of file +</style> |
