aboutsummaryrefslogtreecommitdiffstats
path: root/components/loader/LoaderTestDataButton.vue
blob: 8ef8b3ccb1e2dafab50477868070d04b0a1bda26 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<script setup lang="ts">
import type LoaderTestDataModal from './LoaderTestDataModal.vue';

const testDataModal = ref<InstanceType<typeof LoaderTestDataModal> | null>(null);

const openTestDataModal = async () => {
  testDataModal.value?.open();
};
</script>

<template>
  <ClientOnly>
    <Button type="solid" :icon="['fas', 'flask-vial']" label="Demo" @click="openTestDataModal" />

    <LoaderTestDataModal ref="testDataModal" />
  </ClientOnly>
</template>