Vue

Bir formu tek satırda bağlamak için resmi composable olan @formstork/vue’yu kullanın.

npm install @formstork/vue

<script setup>
import { useFormstork } from "@formstork/vue";

const { submit, isSubmitting, isSuccess, message } = useFormstork({
  accessKey: "YOUR_ACCESS_KEY",
});
</script>

<template>
  <p v-if="isSuccess">Thanks, {{ message }}</p>
  <form v-else @submit="submit">
    <input type="text" name="name" required />
    <input type="email" name="email" required />
    <textarea name="message" required></textarea>
    <button :disabled="isSubmitting">
      {{ isSubmitting ? "Sending..." : "Send" }}
    </button>
  </form>
</template>

Composable, form alanlarını otomatik olarak toplar ve sizin adınıza gönderir. Reaktif ref’leri döndürür: state, message ve isSubmitting / isSuccess / isError bayrakları.

Composable olmadan

Bir bağımlılık eklemek istemiyorsanız, formu doğrudan gönderin:

async function onSubmit(e) {
  e.preventDefault();
  await fetch("https://api.formstork.com/submit", {
    method: "POST",
    body: new FormData(e.target),
    headers: { Accept: "application/json" },
  });
}