Svelte async store initiation with fetched results

#Svelte async store initiation

How to asynchronously set the contents of a store based on a fetch call.

App.svelte

<script>
	import { questionStore } from "./store.js";
</script>
{#each $questionStore as {question}}
	<p>
			{question}
	</p>
{/each}

store.js

import { readable } from "svelte/store"
export const questionStore = readable([], async set => set(await getQuestionData()))

async function getQuestionData() {
  const url =
    "https://opentdb.com/api.php?amount=10&category=27&difficulty=easy&type=multiple"
  const response = await fetch(url);
  const data = await response.json();
	return data.results
}