From e948fd386594497681e0d23057996c08ca909d33 Mon Sep 17 00:00:00 2001
From: Prince Wilson <maxcell.wilson@gmail.com>
Date: Tue, 22 Feb 2022 17:30:56 -0500
Subject: [PATCH] fix: Add visually-hidden bot-field input

---
 components/feedbackForm.vue | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/components/feedbackForm.vue b/components/feedbackForm.vue
index 70deda8..da36c1a 100644
--- a/components/feedbackForm.vue
+++ b/components/feedbackForm.vue
@@ -7,6 +7,11 @@
       name="feedback"
       data-netlify-honeypot="bot-field"
     >
+      <p class="hidden">
+        <label>
+            Don’t fill this out if you’re human: <input name="bot-field" />
+        </label>
+      </p>
       <input type="hidden" name="form-name" value="feedback" />
       <label for="name">Name</label>
       <input type="text" name="name" />
@@ -39,4 +44,14 @@ button {
   color: white;
   width: 50%;
 }
+
+.hidden {
+  clip: rect(0 0 0 0); 
+  clip-path: inset(50%);
+  height: 1px;
+  overflow: hidden;
+  position: absolute;
+  white-space: nowrap; 
+  width: 1px;
+}
 </style>