Use options parameters with types and default on smoothScroll function

src/components/molecules/Poster.svelte

@@ -36,7 +36,7 @@
             size="xsmall"
             url="/shop/poster-{location.slug}"
             text="View"
-            on:click={() => setTimeout(() => smoothScroll('poster', false), 1000)}
+            on:click={() => setTimeout(() => smoothScroll({ hash: 'poster', changeHash: false }), 1000)}
         />
         <Button
             tag="button"

src/components/molecules/ShopLocationSwitcher.svelte

@@ -24,7 +24,7 @@
         const newPath = `/shop/poster-${value}`
         goto(newPath, { replaceState: true, noscroll: true, keepfocus: true })
         // Scroll to anchor
-        setTimeout(() => smoothScroll('poster'), 1000)
+        setTimeout(() => smoothScroll({ hash: 'poster' }), 1000)
     }
 </script>
 

src/components/organisms/ShopHeader.svelte

@@ -107,7 +107,7 @@
                 <ul>
                     {#each shopLocations as { name, slug }}
                         <li class:is-active={product && slug === product.location.slug}>
-                            <a href="/shop/poster-{slug}" on:click={() => smoothScroll('poster')} sveltekit:prefetch sveltekit:noscroll>
+                            <a href="/shop/poster-{slug}" on:click={() => smoothScroll({ hash: 'poster' })} sveltekit:prefetch sveltekit:noscroll>
                                 {name}
                             </a>
                         </li>