fix(forms): fix console errors related to forms

components/FsContactForm.vue

@@ -13,19 +13,23 @@
           <input
             :placeholder="$t('contactForm.sampleName')"
             type="text"
+            id="name"
             name="name"
             required
             class="mc"
+            autocomplete="on"
           >
         </div>
         <div>
-          <label for="name">{{ $t('contactForm.yourEmail') }}</label>
+          <label for="email">{{ $t('contactForm.yourEmail') }}</label>
           <input
             :placeholder="$t('contactForm.sampleEmail')"
             type="email"
+            id="email"
             name="email"
             required
             class="mc"
+            autocomplete="on"
           >
         </div>
         <div>
@@ -34,8 +38,10 @@
             :placeholder="$t('contactForm.sampleWebsite')"
             type="url"
             name="website"
+            id="website"
             class="mc"
             required="false"
+            autocomplete="on"
           >
         </div>
       </div>
@@ -48,6 +54,7 @@
           :placeholder="$t('contactForm.sampleMessage')"
           type="text"
           name="message"
+          id="message"
           required
           class="mc w-full"
         />

components/Subscribe.vue

@@ -22,6 +22,7 @@
             name="EMAIL"
             :placeholder="$t('newsletter.enterEmail')"
             class="rounded mc text-center"
+            autocomplete="on"
           >
           <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
           <div style="position: absolute; left: -5000px" aria-hidden="true">

components/ui/Menu.vue

@@ -6,15 +6,15 @@
           <nuxt-link
             to="/blog/1"
             :class="$route.name.startsWith('blog') ? 'selected' : ''"
-          > <!-- localePath -->
+          >
             {{ $t('nav.blog') }}
           </nuxt-link>
         </li>
         <li class="px-4 text-lg">
           <nuxt-link
             to="/contact"
             :class="$route.name.startsWith('contact') ? 'selected' : ''"
-          > <!--localePath-->
+          >
             {{ $t('nav.contact') }}
           </nuxt-link>
         </li>
@@ -32,7 +32,6 @@
         </button>
       </div>
       <MobileMenu v-if="show" @toggle="show = false" />
-    <!-- <div class="block md:hidden text-right cursor-pointer">Menu</div> -->
     </div>
   </nav>
 </template>

components/ui/MobileMenu.vue

@@ -19,7 +19,7 @@
           <nuxt-link
             to="/"
             @click="$emit('toggle')"
-          > <!--localePath-->
+          >
             {{ $t('nav.home') }}
           </nuxt-link>
         </li>
@@ -28,13 +28,13 @@
             {{
               $t('nav.blog')
             }}
-          </nuxt-link> <!--localePath-->
+          </nuxt-link>
         </li>
         <li>
           <nuxt-link
             to="/contact"
             @click="$emit('toggle')"
-          > <!--localPath-->
+          >
             {{ $t('nav.contact') }}
           </nuxt-link>
         </li>

components/ui/Navigation.vue

@@ -7,7 +7,7 @@
         <nuxt-link
           to="/"
           class="text-xl"
-          :class="$route.name.startsWith('index') ? 'selected' : ''"
+          :class="route.path === '/' ? 'selected' : ''"
         >
           <span class="hidden sm:inline text-2xl">{{ $t('common.name') }}</span><span class="inline sm:hidden">JBC</span>
         </nuxt-link>
@@ -22,6 +22,10 @@
   </div>
 </template>
 
+<script setup>
+const route = useRoute();
+</script>
+
 <style scoped>
 span.emoji-mart-emoji {
   padding: 0px;

plugins/drift.js

@@ -1,6 +1,7 @@
 /* eslint-disable no-undef */
 export default defineNuxtPlugin(() => {
 
+  // from drift documentation
   !(function () {
     const t = (window.driftt = window.drift = window.driftt || [])
     if (!t.init) {