Add scroll to top left behavior

src/router.js

@@ -239,4 +239,8 @@ export default new Router({
       fallback: true,
     },
   ],
+  scrollBehavior(to, from, savedPosition) {
+    // Scroll to top left on route change
+    return { x: 0, y: 0 };
+  },
 })

src/views/blog.vue

@@ -54,7 +54,7 @@ export default {
   display: flex;
   overflow: auto;
   min-height: 100vh;
-  overflow-x: hidden;
+  /* overflow-x: hidden; */
   align-items: center;
   flex-direction: column;
   background-size: cover;

src/views/blog/funktioniert-larp-auch-online.vue

@@ -66,7 +66,7 @@ export default {
   overflow: auto;
   box-shadow: 5px 5px 10px 0px #d4d4d4;
   min-height: 100vh;
-  overflow-x: hidden;
+  /* overflow-x: hidden; */
   align-items: center;
   flex-direction: column;
   background-size: cover;

src/views/blog/wie-man-ein-gutes-online-larp-macht-und-wie-nicht.vue

@@ -69,7 +69,7 @@ export default {
   overflow: auto;
   box-shadow: 5px 5px 10px 0px #d4d4d4;
   min-height: 100vh;
-  overflow-x: hidden;
+  /* overflow-x: hidden; */
   align-items: center;
   flex-direction: column;
   background-size: cover;

src/views/blog/wie-tales-inside-eine-einmalige-immersion-erreicht.vue

@@ -1145,7 +1145,7 @@ export default {
   display: flex;
   overflow: auto;
   min-height: 100vh;
-  overflow-x: hidden;
+  /* overflow-x: hidden; */
   align-items: center;
   flex-direction: column;
   background-size: cover;

src/views/blog/wieso-itras-by-ein-so-simples-wie-grandioses-pen-and-paper-ist.vue

@@ -69,7 +69,7 @@ export default {
   overflow: auto;
   box-shadow: 5px 5px 10px 0px #d4d4d4;
   min-height: 100vh;
-  overflow-x: hidden;
+  /* overflow-x: hidden; */
   align-items: center;
   flex-direction: column;
   background-size: cover;

src/views/games.vue

@@ -61,7 +61,7 @@ export default {
   display: flex;
   overflow: auto;
   min-height: 100vh;
-  overflow-x: hidden;
+  /* overflow-x: hidden; */
   align-items: center;
   flex-direction: column;
   background-size: cover;

src/views/games/assemblatron.vue

@@ -76,7 +76,7 @@ export default {
   overflow: auto;
   box-shadow: 5px 5px 10px 0px #d4d4d4;
   min-height: 100vh;
-  overflow-x: hidden;
+  /* overflow-x: hidden; */
   align-items: center;
   flex-direction: column;
   background-size: cover;

src/views/games/murphys-larp.vue

@@ -92,7 +92,7 @@ export default {
   overflow: auto;
   box-shadow: 5px 5px 10px 0px #d4d4d4;
   min-height: 100vh;
-  overflow-x: hidden;
+  /* overflow-x: hidden; */
   align-items: center;
   flex-direction: column;
   background-size: cover;

src/views/home.vue

@@ -113,7 +113,7 @@ export default {
   display: flex;
   overflow: auto;
   min-height: 100vh;
-  overflow-x: hidden;
+  /* overflow-x: hidden; */
   align-items: center;
   flex-direction: column;
   background-size: cover;

src/views/kurzfilme.vue

@@ -61,7 +61,7 @@ export default {
   display: flex;
   overflow: auto;
   min-height: 100vh;
-  overflow-x: hidden;
+  /* overflow-x: hidden; */
   align-items: center;
   flex-direction: column;
   background-size: cover;

src/views/kurzfilme/die-legende-vom-wolf-des-suedens.vue

@@ -92,7 +92,7 @@ export default {
   overflow: auto;
   box-shadow: 5px 5px 10px 0px #d4d4d4;
   min-height: 100vh;
-  overflow-x: hidden;
+  /* overflow-x: hidden; */
   align-items: center;
   flex-direction: column;
   background-size: cover;

src/views/kurzgeschichten.vue

@@ -80,7 +80,7 @@ export default {
   display: flex;
   overflow: auto;
   min-height: 100vh;
-  overflow-x: hidden;
+  /* overflow-x: hidden; */
   align-items: center;
   flex-direction: column;
   background-size: cover;

src/views/kurzgeschichten/die-loesung-gegen-leid.vue

@@ -165,7 +165,7 @@ export default {
   display: flex;
   overflow: auto;
   min-height: 100vh;
-  overflow-x: hidden;
+  /* overflow-x: hidden; */
   align-items: center;
   flex-direction: column;
   background-size: cover;

src/views/kurzgeschichten/ein-orden-fuer-eine-gute-tat.vue

@@ -85,7 +85,7 @@ export default {
   display: flex;
   overflow: auto;
   min-height: 100vh;
-  overflow-x: hidden;
+  /* overflow-x: hidden; */
   align-items: center;
   flex-direction: column;
   background-size: cover;

src/views/kurzgeschichten/einsames-schaf.vue

@@ -116,7 +116,7 @@ export default {
   display: flex;
   overflow: auto;
   min-height: 100vh;
-  overflow-x: hidden;
+  /* overflow-x: hidden; */
   align-items: center;
   flex-direction: column;
   background-size: cover;

src/views/kurzgeschichten/gefangener-gorilla.vue

@@ -143,7 +143,7 @@ export default {
   display: flex;
   overflow: auto;
   min-height: 100vh;
-  overflow-x: hidden;
+  /* overflow-x: hidden; */
   align-items: center;
   flex-direction: column;
   background-size: cover;

src/views/kurzgeschichten/getraeumtes-glueck.vue

@@ -149,7 +149,7 @@ export default {
   display: flex;
   overflow: auto;
   min-height: 100vh;
-  overflow-x: hidden;
+  /* overflow-x: hidden; */
   align-items: center;
   flex-direction: column;
   background-size: cover;

src/views/kurzgeschichten/heiliger-steinkrieg.vue

@@ -76,7 +76,7 @@ export default {
   display: flex;
   overflow: auto;
   min-height: 100vh;
-  overflow-x: hidden;
+  /* overflow-x: hidden; */
   align-items: center;
   flex-direction: column;
   background-size: cover;

src/views/kurzgeschichten/huhn-rammt-huhn.vue

@@ -82,7 +82,7 @@ export default {
   display: flex;
   overflow: auto;
   min-height: 100vh;
-  overflow-x: hidden;
+  /* overflow-x: hidden; */
   align-items: center;
   flex-direction: column;
   background-size: cover;

src/views/kurzgeschichten/ich-will-kein-hammer-sein.vue

@@ -94,7 +94,7 @@ export default {
   display: flex;
   overflow: auto;
   min-height: 100vh;
-  overflow-x: hidden;
+  /* overflow-x: hidden; */
   align-items: center;
   flex-direction: column;
   background-size: cover;

src/views/kurzgeschichten/infinite-deaths.vue

@@ -107,7 +107,7 @@ export default {
   display: flex;
   overflow: auto;
   min-height: 100vh;
-  overflow-x: hidden;
+  /* overflow-x: hidden; */
   align-items: center;
   flex-direction: column;
   background-size: cover;

src/views/kurzgeschichten/klon-oder-leid.vue

@@ -157,7 +157,7 @@ export default {
   display: flex;
   overflow: auto;
   min-height: 100vh;
-  overflow-x: hidden;
+  /* overflow-x: hidden; */
   align-items: center;
   flex-direction: column;
   background-size: cover;

src/views/kurzgeschichten/lasst-mich-ruhen.vue

@@ -105,7 +105,7 @@ export default {
   display: flex;
   overflow: auto;
   min-height: 100vh;
-  overflow-x: hidden;
+  /* overflow-x: hidden; */
   align-items: center;
   flex-direction: column;
   background-size: cover;

src/views/kurzgeschichten/leben-statt-ueberleben.vue

@@ -129,7 +129,7 @@ export default {
   display: flex;
   overflow: auto;
   min-height: 100vh;
-  overflow-x: hidden;
+  /* overflow-x: hidden; */
   align-items: center;
   flex-direction: column;
   background-size: cover;

src/views/kurzgeschichten/rosenteufel.vue

@@ -352,7 +352,7 @@ export default {
   display: flex;
   overflow: auto;
   min-height: 100vh;
-  overflow-x: hidden;
+  /* overflow-x: hidden; */
   align-items: center;
   flex-direction: column;
   background-size: cover;

src/views/kurzgeschichten/superkraft-im-starbucks.vue

@@ -117,7 +117,7 @@ export default {
   display: flex;
   overflow: auto;
   min-height: 100vh;
-  overflow-x: hidden;
+  /* overflow-x: hidden; */
   align-items: center;
   flex-direction: column;
   background-size: cover;

src/views/kurzgeschichten/teilung-zweier-welten.vue

@@ -99,7 +99,7 @@ export default {
   display: flex;
   overflow: auto;
   min-height: 100vh;
-  overflow-x: hidden;
+  /* overflow-x: hidden; */
   align-items: center;
   flex-direction: column;
   background-size: cover;

src/views/kurzgeschichten/them-or-us.vue

@@ -113,7 +113,7 @@ export default {
   display: flex;
   overflow: auto;
   min-height: 100vh;
-  overflow-x: hidden;
+  /* overflow-x: hidden; */
   align-items: center;
   flex-direction: column;
   background-size: cover;

src/views/kurzgeschichten/unwichtigster-mensch.vue

@@ -117,7 +117,7 @@ export default {
   display: flex;
   overflow: auto;
   min-height: 100vh;
-  overflow-x: hidden;
+  /* overflow-x: hidden; */
   align-items: center;
   flex-direction: column;
   background-size: cover;

src/views/kurzgeschichten/versetztes-beduerfnis.vue

@@ -83,7 +83,7 @@ export default {
   display: flex;
   overflow: auto;
   min-height: 100vh;
-  overflow-x: hidden;
+  /* overflow-x: hidden; */
   align-items: center;
   flex-direction: column;
   background-size: cover;

src/views/kurzgeschichten/was-unterscheidet-himmel-von-hoelle.vue

@@ -88,7 +88,7 @@ export default {
   display: flex;
   overflow: auto;
   min-height: 100vh;
-  overflow-x: hidden;
+  /* overflow-x: hidden; */
   align-items: center;
   flex-direction: column;
   background-size: cover;

src/views/larpkonzept.vue

@@ -65,7 +65,7 @@ export default {
   overflow: auto;
   box-shadow: 5px 5px 10px 0px #d4d4d4;
   min-height: 100vh;
-  overflow-x: hidden;
+  /* overflow-x: hidden; */
   align-items: center;
   flex-direction: column;
   background-size: cover;

src/views/larps.vue

@@ -72,7 +72,7 @@ export default {
   display: flex;
   overflow: auto;
   min-height: 100vh;
-  overflow-x: hidden;
+  /* overflow-x: hidden; */
   align-items: center;
   flex-direction: column;
   background-size: cover;

src/views/larps/conundrum-schatten-ueber-ostmerkopa.vue

@@ -71,7 +71,7 @@ export default {
   display: flex;
   overflow: auto;
   min-height: 100vh;
-  overflow-x: hidden;
+  /* overflow-x: hidden; */
   align-items: center;
   flex-direction: column;
   background-size: cover;

src/views/larps/letzte-gelegenheit.vue

@@ -779,7 +779,7 @@ export default {
   overflow: auto;
   box-shadow: 5px 5px 10px 0px #d4d4d4;
   min-height: 100vh;
-  overflow-x: hidden;
+  /* overflow-x: hidden; */
   align-items: center;
   flex-direction: column;
   background-size: cover;

src/views/larps/suesse-traeume.vue

@@ -313,7 +313,7 @@ export default {
   display: flex;
   overflow: auto;
   min-height: 100vh;
-  overflow-x: hidden;
+  /* overflow-x: hidden; */
   align-items: center;
   flex-direction: column;
   background-size: cover;

src/views/not-found.vue

@@ -58,7 +58,7 @@ export default {
   display: flex;
   overflow: auto;
   min-height: 100vh;
-  overflow-x: hidden;
+  /* overflow-x: hidden; */
   align-items: center;
   flex-direction: column;
   background-size: cover;

src/views/ueber-uns.vue

@@ -75,7 +75,7 @@ export default {
   display: flex;
   overflow: auto;
   min-height: 100vh;
-  overflow-x: hidden;
+  /* overflow-x: hidden; */
   align-items: center;
   flex-direction: column;
   background-size: cover;