<template>
<teleport to="body">
- <div id="backdrop" v-if="props.visibility" @click.self="close()">
+ <div v-if="props.visibility" id="backdrop" @click.self="close()">
<slot></slot>
</div>
</teleport>
<script setup lang="ts">
const props = defineProps<{
- visibility: boolean;
-}>();
+ visibility: boolean
+}>()
-const emit = defineEmits(['close']);
+const emit = defineEmits(['close'])
function close() {
- emit('close');
+ emit('close')
}
</script>