How do I use fetch with async/await in Svelte?

How do I use fetch with async/await in Svelte?

You can use the fetch API with async/await in Svelte by creating an async function to handle your data fetching.

Can you show me a code example?

Sure! Here's a simple example:

<script>
  let data;

  async function fetchData() {
    const response = await fetch('https://api.example.com/data');
    data = await response.json();
  }

  fetchData();
</script>

What if I want to handle errors?

You can use a try/catch block to handle errors. Here's an updated example:

async function fetchData() {
  try {
    const response = await fetch('https://api.example.com/data');
    if (!response.ok) throw new Error('Network response was not ok');
    data = await response.json();
  } catch (error) {
    console.error('Fetch error:', error);
  }
}