Validasi Form

const name = ref("")
const error = ref("")
const success = ref(false)

const handleSubmit = () => {
  if (!name.value.trim()) {
    error.value = "Nama wajib diisi"
    success.value = false
    return
  }
  error.value = ""
  success.value = true
}

---template---
<form @submit.prevent="handleSubmit">
  <input v-model="name" id="name" />
  <span v-if="error" id="error">{{ error }}</span>
  <span v-if="success" id="success">Berhasil!</span>
  <button type="submit">Kirim</button>
</form>