Avoid route change scroll when clicking on links

sapper-noscroll here for the rescue, keeps the scroll position and loads the new page content

src/atoms/Button.svelte

@@ -2,6 +2,7 @@
     export let href = '#'
     export let type = 'a'
     export let text = ''
+    export let noScroll = null
 </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'} sapper-noscroll={noScroll} on:click>
     <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 = null
 </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

@@ -5,9 +5,10 @@
     export let text = ''
     export let target = null
     export let rel = null
+    export let noScroll = null
 </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>