Add Form Support

app/components/Navbar.vue

@@ -15,8 +15,8 @@ export default {
     return {
       datalinks: [
         { link: "/galerie", title: "Galerie" },
-        { link: "/umgebung", title: "Umgebung" },
-        { link: "/footer", title: "Kontakt" },
+        { link: "/#umgebung", title: "Umgebung" },
+        { link: "/#footer", title: "Kontakt" },
         { link: "/bulitipp", title: "BuLi-Tipp" },
       ],
       buttontextdata: "Über Ritzenbergen",
@@ -58,18 +58,18 @@ export default {
       <div class="container">
         <div class="navbar-brand">
           <span class="navbar-logo">
-            <span href="/">
+            <NuxtLink to="/">
               <img
                 class="navbar-logo-img"
                 src="../assets/RitzenbergenOrtsschild.png"
                 style="height: 60px; padding-left: 5px"
               />
-            </span>
+            </NuxtLink>
           </span>
           <span class="navbar-caption-wrap">
-            <span class="navbar-caption text-black display-4" href="/"
-              >Amedorf & Ritzenbergen</span
-            >
+            <NuxtLink to="/" class="navbar-caption text-black display-4">
+              Amedorf & Ritzenbergen
+            </NuxtLink>
           </span>
         </div>
         <button
@@ -95,13 +95,13 @@ export default {
 				<div class="navbar-collapse opacityScroll" :class="{show: !isNavCollapsed, collapsing: isCollapsing, collapse: !isCollapsing}" id="navbarSupportedContent">
           <ul class="navbar-nav nav-dropdown" data-app-modern-menu="true">
             <li class="nav-item" v-for="link in datalinks">
-              <span
+              <NuxtLink
                 class="nav-link link text-black display-4"
-                :href="link.link"
+                :to="link.link"
                 aria-expanded="false"
               >
                 {{ link.title }}
-              </span>
+              </NuxtLink>
             </li>
           </ul>
           <div class="navbar-buttons mbr-section-btn">