## 事象
[[Svelte]]の`script`内で[[Top-Level await]]が使えない。以下のエラーになる。
```
✘ [ERROR] [plugin esbuild-svelte] Cannot use keyword 'await' outside an async function
```
## 原因
対応されてなさそう。
<div class="link-card-v2">
<div class="link-card-v2-site">
<img class="link-card-v2-site-icon" src="https://github.githubassets.com/favicons/favicon.svg" />
<span class="link-card-v2-site-name">GitHub</span>
</div>
<div class="link-card-v2-title">
Top-level await · Issue #5501 · sveltejs/svelte
</div>
<div class="link-card-v2-content">
This is continuation for #5351. The problem is that there's no way to render an asynchronously loaded component ...
</div>
<img class="link-card-v2-image" src="https://opengraph.githubassets.com/de891b97697155cb5ee3722b5cd470dd1d38eee9372eea370a6ec43968c99b00/sveltejs/svelte/issues/5501" />
<a href="https://github.com/sveltejs/svelte/issues/5501"></a>
</div>
## 解決方法
[[async function (JavaScript)|async function]]を作成して、最後に呼び出す。
```ts
<script lang="ts">
const init = async () => {
// awaitを使った処理
}
init()
</script>
```