From 32fcc461cd43c8907df5e306d520bb671307eab1 Mon Sep 17 00:00:00 2001
From: Adam Soltys <adam@coinos.io>
Date: Thu, 7 Nov 2024 21:16:25 -0800
Subject: svelte 5

---
 src/components/Slider.svelte | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

(limited to 'src/components/Slider.svelte')

diff --git a/src/components/Slider.svelte b/src/components/Slider.svelte
index b82b6bf9..137c28b4 100644
--- a/src/components/Slider.svelte
+++ b/src/components/Slider.svelte
@@ -1,8 +1,17 @@
-<script>
-  export let value,
+<script lang="ts">
+  interface Props {
+    value: any;
+    handle: any;
+    min?: number;
+    max?: number;
+  }
+
+  let {
+    value = $bindable(),
     handle,
     min = 0,
-    max = 100;
+    max = 100
+  }: Props = $props();
 </script>
 
 <input
@@ -13,7 +22,7 @@
   bind:value
   class="px-0 py-0 my-5"
   style="--bgPercent: {((value - min) * 100) / (max - min)}%;"
-  on:input={handle}
+  oninput={handle}
 />
 
 <style>
-- 
cgit v1.2.3