WebHooker/app/components/AppToasts.vue

13 lines
320 B
Vue

<template>
<div class="toasts">
<TransitionGroup name="toast">
<div v-for="t in toasts" :key="t.id" class="toast" :class="t.kind" @click="dismiss(t.id)">
{{ t.msg }}
</div>
</TransitionGroup>
</div>
</template>
<script setup lang="ts">
const { toasts, dismiss } = useToasts();
</script>