Delay notification appearance

You can delay the notification appearance as shown below. Under the hood, the library simply uses setTimeout for you.

WARNING

toast.remove has no effect if called during the delay before a given toast appears.

<template>
  <h1>Hello {{ msg }}</h1>
</template>

<script setup lang="ts">
import { ref } from 'vue';
const msg = ref<string>('world');
</script>

Open Sandbox