From bb848e2e008edf7caf3cb231bbb64c1436984e1a Mon Sep 17 00:00:00 2001
From: Dominik Korsa <dominik.korsa@gmail.com>
Date: Fri, 3 Sep 2021 19:48:57 +0200
Subject: [PATCH] Fix hash anchors scroll

---
 src/components/HomeContactFormSection.vue   | 2 +-
 src/components/HomeFeaturesTableSection.vue | 2 +-
 src/components/HomeMainSection.vue          | 2 +-
 src/router.js                               | 5 +++++
 4 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/components/HomeContactFormSection.vue b/src/components/HomeContactFormSection.vue
index aad6506..e4f2818 100644
--- a/src/components/HomeContactFormSection.vue
+++ b/src/components/HomeContactFormSection.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="contact home-section">
+  <div id="contact" class="contact home-section">
     <h2 class="contact__title">Kontakt</h2>
     <form class="contact__form" action="https://formspree.io/xdonynaz" method="POST">
       <label for="contact__form-email" class="contact__form-label">Twój adres email:</label>
diff --git a/src/components/HomeFeaturesTableSection.vue b/src/components/HomeFeaturesTableSection.vue
index ff603d8..a7ef8fb 100644
--- a/src/components/HomeFeaturesTableSection.vue
+++ b/src/components/HomeFeaturesTableSection.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="features-table-section home-section">
+  <div id="features-table" class="features-table-section home-section">
     <h2 class="features-table-section__title">Porównanie funkcji</h2>
     <div class="features-table">
       <table class="features-table__table">
diff --git a/src/components/HomeMainSection.vue b/src/components/HomeMainSection.vue
index 59db364..ff5b138 100644
--- a/src/components/HomeMainSection.vue
+++ b/src/components/HomeMainSection.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="main home-section">
+  <div id="main" class="main home-section">
     <home-main-header />
   </div>
 </template>
diff --git a/src/router.js b/src/router.js
index 9d9f08f..99b584a 100644
--- a/src/router.js
+++ b/src/router.js
@@ -6,5 +6,10 @@ Vue.use(Router);
 
 export default new Router({
   mode: 'history',
+  scrollBehavior(to, from, savedPosition) {
+    if (to.hash) return { selector: to.hash };
+    if (savedPosition) return savedPosition;
+    return null;
+  },
   routes,
 });