Dynamic import

Dynamically importing a Svelte component

import { onMount } from 'svelte';
import { browser } from '$app/environment';

let SomeComponent;

onMount(async () => {
  SomeComponent = (await import('../components/SomeComponent.svelte')).default;
});

<svelte:component this={SomeComponent} />