Move data-sveltekit-* attributes to parent level when possible

src/components/atoms/BoxCTA.svelte

@@ -12,7 +12,7 @@
 </script>
 
 <a href={url} class="box-cta"
-    data-sveltekit-noscroll data-sveltekit-prefetch={url.includes('http') ? true : undefined}
+    data-sveltekit-prefetch={url.includes('http') ? true : undefined}
 >
     <div class="icon">
         <Icon icon={icon} label={alt} />

src/components/molecules/House.svelte

@@ -40,7 +40,7 @@
     </div>
 
     <div class="house__photo grid" class:not-landscape={ratio < 1.475}>
-        <a href={url} data-sveltekit-noscroll tabindex="0">
+        <a href={url} tabindex="0">
             <figure class="house__image shadow-photo">
                 <Image
                     class="photo"

src/components/molecules/Location.svelte

@@ -69,7 +69,6 @@
     <a href="/{location.country.slug}/{location.slug}"
         on:mousemove={handleMouseMove}
         on:mouseleave={handleMouseLeave}
-        data-sveltekit-noscroll
         tabindex="0"
     >
         <Image

src/components/molecules/Switcher.svelte

@@ -60,12 +60,10 @@
         </span>
     </button>
 
-    <ul class="switcher__links">
+    <ul class="switcher__links" data-sveltekit-noscroll data-sveltekit-prefetch>
         {#each switcher_links as { text, url, icon, icon_label }}
             <li class:is-active={$page.url.pathname === url}>
-                <a href={url} on:click={toggleSwitcher} tabindex="0"
-                    data-sveltekit-noscroll data-sveltekit-prefetch
-                >
+                <a href={url} on:click={toggleSwitcher} tabindex="0">
                     <Icon class="icon" icon={icon} label={icon_label} />
                     <span>{text}</span>
                 </a>

src/components/organisms/Footer.svelte

@@ -19,10 +19,10 @@
         </a>
 
         <nav class="footer__links">
-            <ul>
+            <ul data-sveltekit-prefetch data-sveltekit-noscroll>
                 {#each footer_links as { title, slug }}
                     <li>
-                        <a href="/{slug}" class="link-3d" data-sveltekit-prefetch data-sveltekit-noscroll tabindex="0">
+                        <a href="/{slug}" class="link-3d" tabindex="0">
                             <SplitText text={title} clone={true} />
                         </a>
                     </li>

src/components/organisms/InteractiveGlobe2.svelte

@@ -122,10 +122,10 @@
     </div>
 
     {#if enableMarkers}
-        <ul class="globe__markers">
+        <ul class="globe__markers" data-sveltekit-noscroll>
             {#each markers as { name, slug, country, lat, lng }}
                 <li class="globe__marker" data-location={slug} data-lat={lat} data-lng={lng}>
-                    <a href="/{country.slug}/{slug}" data-sveltekit-noscroll>
+                    <a href="/{country.slug}/{slug}">
                         <dl>
                             <dt class="title-small">{name}</dt>
                             <dd class="text-label text-label--small">{country.name}</dd>
@@ -141,10 +141,10 @@
 
         {#if popinOpen}
             <div class="globe__popin" transition:fly={{ y: 16, duration: 500, easing: quartOut }}>
-                <ul>
+                <ul data-sveltekit-noscroll>
                     {#each clusterLocations as { name, slug, country }}
                         <li>
-                            <a href="/{country.slug}/{slug}" data-sveltekit-noscroll tabindex="0">
+                            <a href="/{country.slug}/{slug}" tabindex="0">
                                 <Image
                                     class="flag"
                                     id={country.flag.id}

src/components/organisms/ListCTAs.svelte

@@ -19,6 +19,6 @@
     }
 </style>
 
-<ul class="list-cta">
+<ul class="list-cta" data-sveltekit-noscroll>
     <slot />
 </ul>

src/components/organisms/Locations.svelte

@@ -65,7 +65,7 @@
         {/each}
     </ul>
 
-    <ul class="browse__locations"
+    <ul class="browse__locations" data-sveltekit-noscroll
         use:reveal={{
             children: '.location',
             animation: { y: ['20%', 0], opacity: [0, 1] },

src/components/organisms/ShopHeader.svelte

@@ -113,10 +113,10 @@
         <div class="container">
             <p class="text-label">Choose a city</p>
             <nav>
-                <ul>
+                <ul data-sveltekit-noscroll data-sveltekit-prefetch>
                     {#each shopLocations as { name, slug }}
                         <li class:is-active={product && slug === product.location.slug}>
-                            <a href="/shop/poster-{slug}" on:click={() => smoothScroll({ hash: 'poster' })} data-sveltekit-prefetch data-sveltekit-noscroll>
+                            <a href="/shop/poster-{slug}" on:click={() => smoothScroll({ hash: 'poster' })}>
                                 {name}
                             </a>
                         </li>