[motion] animate can't listen the initial changed

[YeSuX]

<Motion
      tag="ul"
      :initial="{
        '--rotate': '0deg',
      }"
      :animate="{
        '--rotate': '360deg',
      }"
      :transition="{
        duration: 2,
        repeat: Infinity,
      }"
    >
      <li class="box" :style="{ transform: 'rotate(var(--rotate))' }" />
    </Motion>

https://stackblitz.com/edit/vitejs-vite-iw9ct6?file=src%2FApp.vue