From ed394e958769f160e37c2fc80e6e84fcb4697463 Mon Sep 17 00:00:00 2001
From: Arno Kaimbacher <arno.kaimbacher@outlook.at>
Date: Mon, 6 Dec 2021 17:38:53 +0100
Subject: [PATCH] - router scroll behaviour

---
 src/App.vue                                 | 2 +-
 src/router/index.ts                         | 4 ++++
 src/views/home-view/home-view-component.vue | 3 ++-
 src/views/map-view/help-view-component.vue  | 6 +++---
 4 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index e278ee3..82183e7 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -153,7 +153,7 @@ import App from "./app";
 export default App;
 </script>
 
-<style lang="scss">
+<style scoped lang="scss">
 // #app {
 //   font-family: Avenir, Helvetica, Arial, sans-serif;
 //   -webkit-font-smoothing: antialiased;
diff --git a/src/router/index.ts b/src/router/index.ts
index 102ef7b..04e7fc7 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -60,6 +60,10 @@ const routes = [
 const router = createRouter({
     history: createWebHistory(),
     routes,
+    scrollBehavior(to, from, savedPosition) {
+        // return desired position
+        document.getElementById("app")?.scrollIntoView();
+    },
 });
 
 export default router;
diff --git a/src/views/home-view/home-view-component.vue b/src/views/home-view/home-view-component.vue
index d28b5c8..f3ce7b4 100644
--- a/src/views/home-view/home-view-component.vue
+++ b/src/views/home-view/home-view-component.vue
@@ -158,7 +158,8 @@
                     </p>
 
                     <div class="mx-auto my-5" style="width: 170px">
-                        <a class="button is-primary custom-button">
+                        <!-- <router-link to="/contact"><i class="far fa-id-card"></i> Contact</router-link> -->
+                        <a href="/contact" class="button is-primary custom-button">
                             <i class="fas fa-sign-in-alt"></i>
                             <strong>KONTAKT</strong>
                         </a>
diff --git a/src/views/map-view/help-view-component.vue b/src/views/map-view/help-view-component.vue
index 2721ee5..147c31e 100644
--- a/src/views/map-view/help-view-component.vue
+++ b/src/views/map-view/help-view-component.vue
@@ -17,7 +17,7 @@
                     </div>
                     <div class="card-footer">
                         <p class="card-footer-item">
-                            <a class="button is-primary custom-button">
+                            <a href="/contact" class="button is-primary custom-button">
                                 <i class="fas fa-sign-in-alt"></i>
                                 <strong>KONTAKT</strong>
                             </a>
@@ -42,7 +42,7 @@
                     </div>
                     <div class="card-footer">
                         <p class="card-footer-item">
-                            <a class="button is-primary custom-button">
+                            <a href="/contact" class="button is-primary custom-button">
                                 <i class="fas fa-sign-in-alt"></i>
                                 <strong>KONTAKT</strong>
                             </a>
@@ -67,7 +67,7 @@
                     </div>
                     <div class="card-footer">
                         <p class="card-footer-item">
-                            <a class="button is-primary custom-button">
+                            <a href="/contact" class="button is-primary custom-button">
                                 <i class="fas fa-sign-in-alt"></i>
                                 <strong>KONTAKT</strong>
                             </a>