fix(Popper): use watchEffect for anchor update #1188

unovue · Aug 5, 2024 · 799bcb2 · 799bcb2
1 parent e7a253d
commit 799bcb2
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/radix-vue/src/Popper/PopperAnchor.vue b/packages/radix-vue/src/Popper/PopperAnchor.vue
@@ -9,7 +9,7 @@ export interface PopperAnchorProps extends PrimitiveProps {
 </script>
 
 <script setup lang="ts">
-import { watch } from 'vue'
+import { watchEffect } from 'vue'
 import { injectPopperRootContext } from './PopperRoot.vue'
 import {
  Primitive,
@@ -21,7 +21,7 @@ const { forwardRef, currentElement } = useForwardExpose()
 
 const rootContext = injectPopperRootContext()
 
-watch(currentElement, () => {
+watchEffect(() => {
  rootContext.onAnchorChange(props.element ?? currentElement.value)
 })
 </script>