Asynchrone Anfragefehler mit Try Catch in Svelte verwalten

<script>
  let status = 'idle';
  let errorMessage = '';
 
  async function sendReport() {
    status = 'submitting';
    errorMessage = '';
    try {
      const response = await fetch('/api/report', { method: 'POST' });
      if (!response.ok) {
        throw new Error('Server returned an error status code');
      }
      status = 'success';
    } catch (err) {
      status = 'error';
      errorMessage = err.message;
    }
  }
</script>
 
<button on:click={sendReport} disabled={status === 'submitting'}>
  Submit Report
</button>
 
{#if status === 'error'}
  <p class="error">Error: {errorMessage}</p>
{/if}