Your form.
Delivered.

const form = document.querySelector('#contact');

form.addEventListener('submit', async (event) => {
  event.preventDefault();

  const response = await fetch(form.action, {
    method: 'POST',
    headers: { 'Accept': 'application/json' },
    body: new FormData(form)
  });

  const result = await response.json();
  if (response.ok) form.reset();
});

export function ContactForm() {
  async function submit(event) {
    event.preventDefault();
    const response = await fetch(FORM_URL, {
      method: 'POST',
      body: new FormData(event.currentTarget)
    });
    if (!response.ok) throw new Error('Not sent');
  }

  return <form onSubmit={submit}>…</form>;
}

const status = ref('ready')

async function submit() {
  status.value = 'sending'
  const response = await fetch(formUrl, {
    method: 'POST',
    headers: { 'Content-Type': 'application/json' },
    body: JSON.stringify(fields.value)
  })
  status.value = response.ok ? 'sent' : 'error'
}