mirror of https://github.com/sveltejs/svelte
parent
2522b98a8e
commit
1fd17a2ec3
@ -1,23 +1,23 @@
|
|||||||
<script>
|
<script>
|
||||||
let name = $state('world');
|
let name = $state('world');
|
||||||
/**
|
/**
|
||||||
* @template T
|
* @template T
|
||||||
* @param {T} value
|
* @param {T} value
|
||||||
* @param {number} ms
|
* @param {number} ms
|
||||||
* @returns {Promise<T>}
|
* @returns {Promise<T>}
|
||||||
*/
|
*/
|
||||||
function wait(value, ms) {
|
function wait(value, ms) {
|
||||||
return new Promise(resolve => setTimeout(resolve, ms, value));
|
return new Promise(resolve => setTimeout(resolve, ms, value));
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
<svelte:boundary>
|
<svelte:boundary>
|
||||||
{#snippet pending()}
|
{#snippet pending()}
|
||||||
<h1>Loading...</h1>
|
<h1>Loading...</h1>
|
||||||
{/snippet}
|
{/snippet}
|
||||||
{#snippet greet()}
|
{#snippet greet()}
|
||||||
{@const greeting = await wait(`Hello, ${name}!`, 50)}
|
{@const greeting = await wait(`Hello, ${name}!`, 50)}
|
||||||
<h1>{greeting}</h1>
|
<h1>{greeting}</h1>
|
||||||
<input type="text" bind:value={name} />
|
<input type="text" bind:value={name} />
|
||||||
{/snippet}
|
{/snippet}
|
||||||
{@render greet()}
|
{@render greet()}
|
||||||
</svelte:boundary>
|
</svelte:boundary>
|
||||||
|
Loading…
Reference in new issue