Docs / Vue

A Vue contact form with no server

ContactForm.vue is a <script setup> single-file component: plain fetch, a ref for status, a polite live region for the outcome, and the spam honeypot already wired. No client library to install.

1 — Create the endpoint

curl https://api.conform.centrst.com/v1/routes \
  -H 'Content-Type: application/json' \
  -d '{"email":"[email protected]","alias":"Contact"}'

2 — Fetch the component

curl 'https://api.conform.centrst.com/v1/routes/YOUR_FORM_ID/install?framework=vue&raw=1' > src/components/ContactForm.vue

<script setup>
import ContactForm from './components/ContactForm.vue';
</script>

<template>
  <ContactForm />
</template>

3 — Verify and prove

Confirm the verification email in the destination inbox, then send a marked test submission — the response returns test: true as proof:

curl -sS -X POST https://api.conform.centrst.com/f/cfm_7K4P9X2M8RWD3JNH \
  -d 'name=Test&[email protected]&message=Hello from a test&_test=true'