From b7164cc170848da760f717ea93f198865f78e56c Mon Sep 17 00:00:00 2001
From: Rahim Alwer <rahim.alwer@gmail.com>
Date: Tue, 14 Nov 2023 20:09:55 +1100
Subject: [PATCH] fix(player): slider value attr not updating state

---
 .../vidstack/src/components/ui/sliders/slider/slider.ts     | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/packages/vidstack/src/components/ui/sliders/slider/slider.ts b/packages/vidstack/src/components/ui/sliders/slider/slider.ts
index 593ee5db0..828e2b660 100644
--- a/packages/vidstack/src/components/ui/sliders/slider/slider.ts
+++ b/packages/vidstack/src/components/ui/sliders/slider/slider.ts
@@ -42,6 +42,7 @@ export class Slider extends Component<SliderProps, SliderState, SliderEvents, Sl
   }
 
   protected override onSetup() {
+    effect(this._watchValue.bind(this));
     effect(this._watchMinMax.bind(this));
   }
 
@@ -63,6 +64,11 @@ export class Slider extends Component<SliderProps, SliderState, SliderEvents, Sl
   // Watch
   // -------------------------------------------------------------------------------------------
 
+  private _watchValue() {
+    const { value } = this.$props;
+    this.$state.value.set(value());
+  }
+
   private _watchMinMax() {
     const { min, max } = this.$props;
     this.$state.min.set(min());