diff options
Diffstat (limited to 'components/export')
| -rw-r--r-- | components/export/ExportButton.vue | 11 | ||||
| -rw-r--r-- | components/export/ExportModal.vue | 12 | ||||
| -rw-r--r-- | components/export/ExportZipButton.vue | 4 | ||||
| -rw-r--r-- | components/export/ExportZipModal.vue | 18 |
4 files changed, 28 insertions, 17 deletions
diff --git a/components/export/ExportButton.vue b/components/export/ExportButton.vue index 51c4b0a..a3274c1 100644 --- a/components/export/ExportButton.vue +++ b/components/export/ExportButton.vue @@ -5,11 +5,16 @@ const exportModal = ref<InstanceType<typeof ExportModal> | null>(null); const openExportModal = async () => { exportModal.value?.open(); -} +}; </script> <template> - <Button type="solid" :icon="['fas', 'file-export']" label="Save / Export" @click="openExportModal" /> + <Button + type="solid" + :icon="['fas', 'file-export']" + label="Save / Export" + @click="openExportModal" + /> <ExportModal ref="exportModal" /> -</template>
\ No newline at end of file +</template> diff --git a/components/export/ExportModal.vue b/components/export/ExportModal.vue index 1d09914..7adb603 100644 --- a/components/export/ExportModal.vue +++ b/components/export/ExportModal.vue @@ -5,14 +5,14 @@ const showModal = ref(false); const open = () => { showModal.value = true; -} +}; const { canUseFsApi } = getBrowserCapabilities(); const isUsingFsMode = computed(() => session.getSessionType() === 'filesystem'); defineExpose({ - open -}) + open, +}); </script> <template> @@ -58,7 +58,9 @@ defineExpose({ <div id="description"> <p id="subtitle">Send to Server</p> - <p>Upload your quest configuration to the server, which can be downloaded and automatically applied in-game. + <p> + Upload your quest configuration to the server, which can be downloaded and + automatically applied in-game. </p> <p class="error"> <font-awesome-icon :icon="['fas', 'xmark']" /> @@ -178,4 +180,4 @@ hr { justify-content: flex-end; margin-top: 1rem; } -</style>
\ No newline at end of file +</style> diff --git a/components/export/ExportZipButton.vue b/components/export/ExportZipButton.vue index 8fb6f60..65ab083 100644 --- a/components/export/ExportZipButton.vue +++ b/components/export/ExportZipButton.vue @@ -6,7 +6,7 @@ const exportZipModal = ref<InstanceType<typeof ExportZipModal> | null>(null); const startZipExport = async () => { exportZipModal.value?.open(); exportZipModal.value?.startExport(); -} +}; </script> <template> @@ -15,4 +15,4 @@ const startZipExport = async () => { <ExportZipModal ref="exportZipModal" /> </ClientOnly> -</template>
\ No newline at end of file +</template> diff --git a/components/export/ExportZipModal.vue b/components/export/ExportZipModal.vue index b84690d..d7d7ab2 100644 --- a/components/export/ExportZipModal.vue +++ b/components/export/ExportZipModal.vue @@ -15,7 +15,11 @@ const startExport = async () => { exportStore.setZipStatus('preparing'); - const { transformedQuests, transformedCategories, transformedItems } = await prepareZip(quests, categories, items); + const { transformedQuests, transformedCategories, transformedItems } = await prepareZip( + quests, + categories, + items + ); exportStore.setZipStatus('compressing'); @@ -25,20 +29,20 @@ const startExport = async () => { exportStore.setZipContents(blob); exportStore.setZipStatus('ready'); - saveAs(blob, "quests.zip"); + saveAs(blob, 'quests.zip'); } catch { exportStore.setZipStatus('failed'); } -} +}; const open = () => { showModal.value = true; -} +}; defineExpose({ open, - startExport -}) + startExport, +}); </script> <template> @@ -64,4 +68,4 @@ defineExpose({ justify-content: flex-end; margin-top: 1rem; } -</style>
\ No newline at end of file +</style> |
