From b32560039db55a24512c288b314fdd8eef99528b Mon Sep 17 00:00:00 2001
From: Neko Ayaka <neko@ayaka.moe>
Date: Sun, 27 Apr 2025 21:36:24 +0800
Subject: [PATCH] fix: type assert not transpiled when mkdist

---
 packages/ui/src/components/Form/Range/Range.vue | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/packages/ui/src/components/Form/Range/Range.vue b/packages/ui/src/components/Form/Range/Range.vue
index e44c64365..d3ecf7b72 100644
--- a/packages/ui/src/components/Form/Range/Range.vue
+++ b/packages/ui/src/components/Form/Range/Range.vue
@@ -46,6 +46,11 @@ function updateTrackColor() {
   sliderRef.value.style.setProperty('--min', !sliderRef.value.min ? props.min.toString() : sliderRef.value.min)
   sliderRef.value.style.setProperty('--max', !sliderRef.value.max ? props.max.toString() : sliderRef.value.max)
 }
+
+function handleInput(e: Event) {
+  const target = e.target as HTMLInputElement
+  target.style.setProperty('--value', target.value)
+}
 </script>
 
 <template>
@@ -57,9 +62,7 @@ function updateTrackColor() {
     :max="scaledMax"
     :step="scaledStep"
     class="slider-progress form_input-range"
-    @input="(e) => {
-      (e.target as HTMLInputElement).style.setProperty('--value', (e.target as HTMLInputElement).value)
-    }"
+    @input="handleInput"
   >
 </template>