aboutsummaryrefslogtreecommitdiffstats
path: root/components/loader/LoaderTestDataButton.vue
blob: 1e648d6e63a75d74a51a2338f920f55ccc1d1afd (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>