In Vue the form is template-first, so keep the submit handler thin.

<script setup>
import { ref } from "vue";

const formEl = ref(null);
const status = ref("idle");
const message = ref("");

async function onSubmit() {
  status.value = "sending";
  const response = await fetch("https://freelyform.com/f/FORM_ID", {
    method: "POST",
    headers: { Accept: "application/json" },
    body: new FormData(formEl.value),
  });
  const result = await response.json().catch(() => ({}));

  if (response.ok && result.ok) {
    status.value = "sent";
    message.value = result.message;
    formEl.value.reset();
  } else {
    status.value = "error";
    message.value = result.message || "That did not send. Try again.";
  }
}
</script>

<template>
  <form ref="formEl" @submit.prevent="onSubmit">
    <label for="email">Email</label>
    <input id="email" name="email" type="email" required />

    <label for="message">Message</label>
    <textarea id="message" name="message" required />

    <button type="submit" :disabled="status === 'sending'">Send</button>
    <p role="status">{{ message }}</p>
  </form>
</template>