UseDraggable 组件 绑定函数:on-move无效

[delete-rain]

我希望组件在移动后，刷新网页，在新的位置Refresh the page and I am still in the same position!
在nuxt3 vueuse中使用 UseDraggable组件，绑定 :on-start :on-move :on-end函数是无效的，我该怎么做？
代码如下：

<script setup lang="ts">
import { Position } from "@vueuse/core";
import { UseDraggable } from "@vueuse/components";
function moveFn(position: Position) {
  // nuxt3 & vueuse
  // help ...... no run
  console.log(position);
}
</script>

<template>
  <ClientOnly>
    <UseDraggable
      v-slot="{ x, y }"
      class="fixed select-none"
      storage-key="vueuse-draggable"
      storage-type="local"
      :on-move="moveFn"
    >
      components:
      {{ Math.round(x) }}, {{ Math.round(y) }}
    </UseDraggable>
  </ClientOnly>
</template>