perf(useAnimate): set sync false (#3916)

JianJroh · antfu · autofix-ci[bot] · web-flow · commit 7b1082c71baf · 2024-07-17T13:23:10.000Z
Co-authored-by: Anthony Fu &lt;anthonyfu117@hotmail.com&gt;
Co-authored-by: autofix-ci[bot] &lt;114827586+autofix-ci[bot]@users.noreply.github.com&gt;
diff --git a/packages/core/useAnimate/index.ts b/packages/core/useAnimate/index.ts
@@ -1,5 +1,5 @@
 import type { ComputedRef, Ref, ShallowRef, WritableComputedRef } from 'vue-demi'
-import { computed, nextTick, shallowReactive, shallowRef, watch } from 'vue-demi'
+import { computed, shallowReactive, shallowRef, watch } from 'vue-demi'
 import type { MaybeRef, Mutable } from '@vueuse/shared'
 import { isObject, objectOmit, toValue, tryOnMounted, tryOnScopeDispose } from '@vueuse/shared'
 import type { MaybeComputedElementRef } from '../unrefElement'
@@ -241,9 +241,7 @@ export function useAnimate(
     }
   }, { deep: true })
 
-  tryOnMounted(() => {
-    nextTick(() => update(true))
-  })
+  tryOnMounted(() => update(true), false)
 
   tryOnScopeDispose(cancel)
 
