Как смонтировать HTMLElement прямо в Svelte?

Я использую внешний код, который возвращает элемент HTML, и было бы неплохо встроить его, не управляя загрузкой и всем остальным через JavaScript (например, appendChild / removeChild). Прямо сейчас я использую {@html element.outerHTML}, но это кажется неэлегантным для обхода HTML-строки:

<script>
  function sleep(ms) {
    return new Promise((resolve) => setTimeout(resolve, ms));
  }

  async function someCall() {
    await sleep(1000);
    const p = document.createElement("p");
    p.innerText = "hello!";
    console.info(p);
    return p;
  }

  let data = someCall();
</script>

<div>
  {#await data}
    <p>Loading data...</p>
  {:then result}
    {@html result.outerHTML}
  {/await}
</div>

То, что я ищу, может быть что-то вроде

<div>
  {#await data}
    <p>Loading data...</p>
  {:then result}
    {result}
  {/await}
</div>

но это не сработает (так как он помещает элемент в строку).