Merge branch 'main' into 2/add-a-netlify-function

components/feedbackForm.vue

@@ -2,11 +2,14 @@
   <div class="feedback-form">
     <form
       netlify
-      action="/feedback"
+      netlify-honeypot
       method="post"
-      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 +42,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>