assembly/composables/useModal.ts
Georges KABBOUCHI 7b558c52f1 compound
2021-08-08 02:22:42 +03:00

35 lines
749 B
TypeScript

import { computed, ref } from "@nuxtjs/composition-api";
import NetworksMismatchDialog from "~/components/modal/NetworksMismatchDialog.vue";
const modal = ref(null);
const props = ref({});
export function useModal() {
function showNetworksMismatchDialog() {
modal.value = NetworksMismatchDialog;
}
function close() {
//@ts-ignore
if (props.value?.persistent) return;
modal.value = null;
props.value = null;
}
function closePersistent() {
modal.value = null;
props.value = null;
}
const isShown = computed(() => !!modal.value);
return {
showNetworksMismatchDialog,
close,
closePersistent,
isShown,
modal: computed(() => modal.value),
props: computed(() => props.value)
};
}