Svelte: динамически импортировать значок в компонент - PullRequest
Новая
       40

Svelte: динамически импортировать значок в компонент

0 голосов
/ 17 июня 2020

У меня есть компонент в Svelte, в котором я передаю имя значка, и хочу отобразить этот значок, но я хочу динамически импортировать необходимый значок из font-awesome. 

<script>
  import Icon from 'fa-svelte';

  export let iconName;

  let icon;

  async function loadIcon() {
    let { fa } = await import(`@fortawesome/free-solid-svg-icons/${iconName}`)
    icon = fa
  }

  loadIcon();
</script>

<Icon icon={icon}>

Но это не работает и переменная icon не определена. Я что делаю неправильно, или это невозможно реализовать таким образом?

...