Lazy loading svelte component

lazy_modal_svelte.jsx

<script>
	let lazyModalComponent;
	let isPending = false;

	function openModal() {
		isPending = true;
		lazyModalComponent = import(`./Modal.svelte`);
		lazyModalComponent.catch((error) => {
			// gestion en cas d'erreur de connexion ici
		}).finally(() => {
			isPending = false;
		});
	}
</script>

<button on:click={openModal}>
	{#if isPending}
		Loading
	{:else}
		Open
	{/if}
</button>

{#if lazyModalComponent}
	{#await lazyModalComponent then { default: Modal }}
		<Modal />
	{/await}
{/if}

tiré du code de Julien Pradet https://www.julienpradet.fr/tutoriels/comment-alleger-son-javascript/