<script>
let waiter;
function getPromise() {
return new Promise((res, rej) => {
setTimeout(function() {
if(Math.random() < 0.2) {
res('Đã có món ăn!!');
} else {
rej('Ông bồi bàn ngã rồi, không có đồ ăn đâu!');
}
}, 3000);
});
}
function start() {
waiter = getPromise();
}
</script>
<button on:click={start}>
Gọi món
</button>
{#if waiter}
{#await waiter}
<p>...waiting</p>
{:then message}
<p>{message}</p>
{:catch error}
<p style="color: red">{error}</p>
{/await}
{/if}