From b2e02e955af3ec820c1205ed838d5e88d8bfc8d9 Mon Sep 17 00:00:00 2001
From: banruo <alal2al@hotmail.com>
Date: Wed, 10 Apr 2024 22:09:56 +0800
Subject: [PATCH] fix(useMediaControls): target params may not be ref

---
 packages/core/useMediaControls/index.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/core/useMediaControls/index.ts b/packages/core/useMediaControls/index.ts
index 29847cc3318..3e832ddf5e4 100644
--- a/packages/core/useMediaControls/index.ts
+++ b/packages/core/useMediaControls/index.ts
@@ -1,6 +1,6 @@
 import { ref, watch, watchEffect } from 'vue-demi'
 import type { Fn, MaybeRef, MaybeRefOrGetter } from '@vueuse/shared'
-import { createEventHook, isObject, toValue, tryOnScopeDispose, watchIgnorable } from '@vueuse/shared'
+import { createEventHook, isObject, toRef, toValue, tryOnScopeDispose, watchIgnorable } from '@vueuse/shared'
 import { useEventListener } from '../useEventListener'
 import type { ConfigurableDocument } from '../_configurable'
 import { defaultDocument } from '../_configurable'
@@ -144,6 +144,7 @@ const defaultOptions: UseMediaControlsOptions = {
 }
 
 export function useMediaControls(target: MaybeRef<HTMLMediaElement | null | undefined>, options: UseMediaControlsOptions = {}) {
+  target = toRef(target)
   options = {
     ...defaultOptions,
     ...options,