aboutsummaryrefslogtreecommitdiffstats
path: root/components/export/ExportButton.vue
diff options
context:
space:
mode:
authorLeonardo Bishop <me@leonardobishop.com>2024-03-13 18:17:07 +0000
committerLeonardo Bishop <me@leonardobishop.com>2024-03-13 18:17:55 +0000
commit825d2cadee4ddf34d0dde8c278fc8e8a99e95b95 (patch)
tree92be3e83ad6af8aa9d7f8861f8c4cd3d8ae4f486 /components/export/ExportButton.vue
parentba28c0148cab26fcaf523e84731ffb7c416b3338 (diff)
Add export modal
Diffstat (limited to 'components/export/ExportButton.vue')
-rw-r--r--components/export/ExportButton.vue15
1 files changed, 15 insertions, 0 deletions
diff --git a/components/export/ExportButton.vue b/components/export/ExportButton.vue
new file mode 100644
index 0000000..51c4b0a
--- /dev/null
+++ b/components/export/ExportButton.vue
@@ -0,0 +1,15 @@
+<script setup lang="ts">
+import type ExportModal from './ExportModal.vue';
+
+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" />
+
+ <ExportModal ref="exportModal" />
+</template> \ No newline at end of file