Is there a native way to do lazy loading in Kit?

[frederikhors]

What do you think about github.com/kaisermann/svelte-loadable?

Is there a native way to do that in Kit?

[frederikhors]

Is there anyone who can answer?

[david-plugge]

Can't u just use a svelte await block?

{#await import('./MyComponent.svelte')}
  Loading... 
{:then { default: component } }
  <svelte:component this={component} />
{:catch error} 
  Failed to load component
{/await}

[frederikhors]

Is this lazy? I mean is the import called only when needed?

[david-plugge]

Yes, if you wrap it in an if statement

[karimfromjordan]

Just for reference, dynamic imports are a feature of Vite/Rollup and documented in the Vite docs. It also supports variables: https://vitejs.dev/guide/features.html#dynamic-import

[frederikhors]

And how can we use this lazily in Kit?