1 files changed, 18 insertions, 0 deletions
diff --git a/components/export/ExportZipButton.vue b/components/export/ExportZipButton.vue
new file mode 100644
index 0000000..8fb6f60
--- /dev/null
+++ b/components/export/ExportZipButton.vue
@@ -0,0 +1,18 @@
+<script setup lang="ts">
+import type ExportZipModal from './ExportZipModal.vue';
+
+const exportZipModal = ref<InstanceType<typeof ExportZipModal> | null>(null);
+
+const startZipExport = async () => {
+  exportZipModal.value?.open();
+  exportZipModal.value?.startExport();
+}
+</script>
+
+<template>
+  <ClientOnly>
+    <Button type="solid" label="Continue" @click="startZipExport" />
+
+    <ExportZipModal ref="exportZipModal" />
+  </ClientOnly>
+</template>
+\ No newline at end of file