Асинхронная загрузка компонента Svelte в версии 3

Question

Я хотел бы задать вам вопрос об обновлении простого примера с версии 2 до версии 3.

Этот пример загрузки асинхронных компонентов svelte v2 работает (https://codesandbox.io/s/0ooo3z8nqp),, но этот написан дляv3 не (https://codesandbox.io/s/615zv3xp33).

Любая подсказка? Спасибо!

Обновление: Мой вопрос был о преобразовании следующего фрагмента кода из Svelte V2 вV3.

<script>
    export default {
      components: {},
      data() {
        return {
          ChatBox: null
        };
      },
      methods: {
        async loadChatbox() {
          const { default: ChatBox } = await import("./Chatbox.html");
          this.set({ ChatBox });
        }
      }
    };
</script>

Answer 1

В версии 3 Svelte вы можете напрямую присвоить новое значение переменной, не используя set.

Вы можете присвоить default имя, отличное от ChatBox, чтобы внешняя переменная былане затенять, а затем назначить непосредственно ему.

let ChatBox;

async function loadChatBox() {
  const { default: Component } = await import("./ChatBox.svelte");
  ChatBox = Component;
}