22 lines
350 B
Svelte
22 lines
350 B
Svelte
|
<!-- https://lihautan.com/notes/svelte-lazy-load/ -->
|
||
|
|
<script>
|
||
|
|
export let when = false;
|
||
|
|
export let component;
|
||
|
|
|
||
|
|
let loading;
|
||
|
|
|
||
|
|
$: if (when) {
|
||
|
|
load();
|
||
|
|
}
|
||
|
|
|
||
|
|
function load() {
|
||
|
|
loading = component();
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
{#if when}
|
||
|
|
{#await loading then { default: Component }}
|
||
|
|
<Component />
|
||
|
|
{/await}
|
||
|
|
{/if}
|