Hi there,
I have been struggling to setup a form on my VueJS site. I’ve tried many different variations and am still unable to receive form submissions. It redirects to a 404 each time the form has been submitted.
Form HTML
<form name="contact" method="POST" class="contact__form" netlify-honeypot="bot-field" data-netlify="true">
<input type="hidden" name="form-name" value="Contact" />
<p style="display: none" class="hidden">
<label>Don’t fill this out if you're human: <input name="bot-field" /></label>
</p>
<div class="contact__row">
<div class="contact__col">
<input v-model="form.name" name="name" type="text" placeholder="Your Name" class="contact__input contact__input--name">
</div>
<div class="contact__col">
<input v-model="form.email" name="email" type="email" placeholder="Email Address" class="contact__input contact__input--email">
</div>
</div>
<div class="contact__row">
<div class="contact__col">
<textarea v-model="form.message" name="message" class="contact__textarea contact__input" cols="50" rows="10"></textarea>
</div>
</div>
<div class="contact__row">
<div class="contact__col contact__col--right">
<button type="submit" class="contact__button">Send</button>
</div>
</div>
</form>