From 33a3ff4be71f6cc906ec5868911515e79b840002 Mon Sep 17 00:00:00 2001
From: Rico van Zelst <rvzelst7@gmail.com>
Date: Fri, 16 May 2025 16:30:00 +0200
Subject: [PATCH] refactor: update scroll script

---
 resources/js/{vert-scroll.js => horizontal-scroll.js} | 2 +-
 resources/views/champions/show.blade.php              | 2 +-
 resources/views/skins/show.blade.php                  | 2 +-
 vite.config.js                                        | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)
 rename resources/js/{vert-scroll.js => horizontal-scroll.js} (91%)

diff --git a/resources/js/vert-scroll.js b/resources/js/horizontal-scroll.js
similarity index 91%
rename from resources/js/vert-scroll.js
rename to resources/js/horizontal-scroll.js
index 8d16267..4925f4e 100644
--- a/resources/js/vert-scroll.js
+++ b/resources/js/horizontal-scroll.js
@@ -6,5 +6,5 @@ if (skinsElement) {
             ev.preventDefault();
             skinsElement.scrollLeft += (ev.deltaY + ev.deltaX);
         }
-    });
+    }, { passive: false });
 }
diff --git a/resources/views/champions/show.blade.php b/resources/views/champions/show.blade.php
index 47acc2f..dfe1bda 100644
--- a/resources/views/champions/show.blade.php
+++ b/resources/views/champions/show.blade.php
@@ -18,7 +18,7 @@
 @endsection
 
 @push('bottom_scripts')
-    @vite('resources/js/vert-scroll.js')
+    @vite('resources/js/horizontal-scroll.js')
     <script type="application/ld+json">
     @php
     $description = $champion->name . " is a " . strtolower(implode('/', $champion->roles)) . " champion in League of Legends";
diff --git a/resources/views/skins/show.blade.php b/resources/views/skins/show.blade.php
index c157188..b1e31cb 100644
--- a/resources/views/skins/show.blade.php
+++ b/resources/views/skins/show.blade.php
@@ -18,7 +18,7 @@
 @endsection
 
 @push('bottom_scripts')
-    @vite('resources/js/vert-scroll.js')
+    @vite('resources/js/horizontal-scroll.js')
     <script type="application/ld+json">
     @php
     $description = $skin->skin_name . " is a " . $skin->rarity . " tier skin for " . $skin->champion->name . " in League of Legends";
diff --git a/vite.config.js b/vite.config.js
index b155598..cc64051 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -5,7 +5,7 @@ export const hash = Math.floor(Math.random() * 90000) + 10000;
 export default defineConfig({
     plugins: [
         laravel({
-            input: ['resources/css/app.css', 'resources/js/app.js', 'resources/js/lane-filter.js', 'resources/js/vert-scroll.js'],
+            input: ['resources/css/app.css', 'resources/js/app.js', 'resources/js/lane-filter.js', 'resources/js/horizontal-scroll.js'],
             refresh: true,
         }),
     ],