From 911735280e4b797f5de1a061d8c7e17931efb3b7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kristian=20Fr=C3=B8lund?= <kristian@froelund.net>
Date: Thu, 4 Apr 2024 14:01:59 +0200
Subject: [PATCH] Update Slider.vue

---
 apps/www/src/lib/registry/new-york/ui/slider/Slider.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/apps/www/src/lib/registry/new-york/ui/slider/Slider.vue b/apps/www/src/lib/registry/new-york/ui/slider/Slider.vue
index d464ba16..8f17af08 100644
--- a/apps/www/src/lib/registry/new-york/ui/slider/Slider.vue
+++ b/apps/www/src/lib/registry/new-york/ui/slider/Slider.vue
@@ -27,6 +27,10 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits)
     <SliderTrack class="relative h-1.5 w-full grow overflow-hidden rounded-full bg-primary/20">
       <SliderRange class="absolute h-full bg-primary" />
     </SliderTrack>
-    <SliderThumb class="block h-4 w-4 rounded-full border border-primary/50 bg-background shadow transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50" />
+    <SliderThumb
+      v-for="(_, key) in modelValue"
+      :key="key"
+      class="block h-5 w-5 rounded-full border-2 border-primary bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50"
+    />
   </SliderRoot>
 </template>