Bring back the sapper-noscroll attribute

Window scroll is now been triggered manually during the page transition and not automatically by Sapper

src/atoms/Button.svelte

@@ -2,6 +2,7 @@
     export let href = '#'
     export let type = 'a'
     export let text = ''
+    export let noScroll = undefined
 </script>
 
 {#if type === 'button'}
@@ -13,7 +14,7 @@
 </button>
 
 {:else}
-<a {href} class={$$props.class ? $$props.class : 'button'} on:click>
+<a {href} class={$$props.class ? $$props.class : 'button'} on:click sapper-noscroll={noScroll}>
     <slot></slot>
     <div class="text" data-text={text}>
         <span>{text}</span>

src/atoms/LinkChange.svelte

@@ -1,9 +1,10 @@
 <script>
     export let href = '#'
     export let text = ''
+    export let noScroll = undefined
 </script>
 
-<a href={href} class="link-change">
+<a href={href} class="link-change" sapper-noscroll={noScroll}>
     {text}
     <span class="icon">
         <slot></slot>

src/atoms/LinkTranslate.svelte

@@ -3,9 +3,10 @@
     export let text = ''
     export let target = null
     export let rel = null
+    export let noScroll = undefined
 </script>
 
-<a class="link-translate" {href} {target} {rel}>
+<a class="link-translate" {href} {target} {rel} sapper-noscroll={noScroll}>
     <slot />
     <div class="text" data-text={text}>
         <span>{text}</span>

src/molecules/Location.svelte

@@ -7,7 +7,7 @@
 </script>
 
 <div class="location">
-    <a href="/location/{country.slug}/{slug}" rel="prefetch">
+    <a href="/location/{country.slug}/{slug}" rel="prefetch" sapper-noscroll>
         <img src={country.flag.full_url} alt="Flag of {country.name}">
         <div class="anim-mask mask-city">
             <h3 class="location__city">{name}</h3>

src/molecules/Photo.svelte

@@ -46,7 +46,7 @@
 
     <div class="photo__image wrap">
         <div class="align">
-            <a href="/viewer/{location.country.slug}/{location.slug}/{photo.slug}">
+            <a href="/viewer/{location.country.slug}/{location.slug}/{photo.slug}" sapper-noscroll>
                 <picture class="photo__picture">
                     <source media="(min-width: 992px)" data-srcset={getThumbnail(private_hash, 1300)}>
                     <source media="(min-width: 768px)" data-srcset={getThumbnail(private_hash, 992)}>

src/molecules/Switcher.svelte

@@ -22,7 +22,7 @@
 
 <div class="switcher {type}">
     <div class="switcher__text" class:empty={!location}>
-        <a href="/">
+        <a href="/" sapper-noscroll>
             {#if !location}
             <span class="top">Houses</span>
             <span class="bottom">
@@ -36,7 +36,7 @@
     </div>
 
     <div class="button-control button-control--dashed switcher__icon">
-        <a href="/choose" aria-label="Change the location">
+        <a href="/choose" aria-label="Change the location" sapper-noscroll>
             <IconGlobe
                 color={type.includes('side') ? '#333' : '#fff'}
                 width={type.includes('side') ? 18 : 24}

src/organisms/Footer.svelte

@@ -17,7 +17,7 @@
             <li>
                 <ul>
                     <li>
-                        <LinkTranslate href="/credits" text="Credits" rel="prefetch" />
+                        <LinkTranslate href="/credits" text="Credits" rel="prefetch" noScroll />
                     </li>
                     {#if $site}
                     <li class="instagram">