feat(syncRef): support more watch source type (vitest-dev#918)

Co-authored-by: Anthony Fu <anthonyfu117@hotmail.com>

packages/shared/syncRef/index.ts

@@ -1,4 +1,4 @@
-import { Ref, watch } from 'vue-demi'
+import { Ref, watch, WatchSource } from 'vue-demi'
 import { ConfigurableFlushSync } from '../utils'
 
 export interface SyncRefOptions extends ConfigurableFlushSync {
@@ -22,19 +22,20 @@ export interface SyncRefOptions extends ConfigurableFlushSync {
  * @param source source ref
  * @param targets
  */
-export function syncRef<R extends Ref<any>>(source: R, targets: R | R[], {
-  flush = 'sync',
-  deep = false,
-  immediate = true,
-}: SyncRefOptions = {}) {
+export function syncRef<T>(
+  source: WatchSource<T>,
+  targets: Ref<T> | Ref<T>[],
+  {
+    flush = 'sync',
+    deep = false,
+    immediate = true,
+  }: SyncRefOptions = {}) {
   if (!Array.isArray(targets))
     targets = [targets]
 
-  return watch(source, (newValue) => {
-    (targets as R[]).forEach(target => target.value = newValue)
-  }, {
-    flush,
-    deep,
-    immediate,
-  })
+  return watch(
+    source,
+    newValue => (targets as Ref<T>[]).forEach(target => target.value = newValue),
+    { flush, deep, immediate },
+  )
 }