Svelte Components Dynamic Import

Loader.svelte

<script>
  export let templatePath;
  let module;
  if (!!templatePath && templatePath != "") {
    import(templatePath)
      .then(m => {
        module = m.default;
        return;
      })
      .catch(err => console.log(err));
  }
</script>

{#if !!module}
  <svelte:component this={module} {...$$props}/>
{:else }
  Error loading your component. Check your path on templatePath prop.
{/if}