Exported animations show initial state instead of finished state

[Fuzzyma]

Describe the bug

When exporting to pdf, all my animated elements are displayed as if the animation never played and only the initial state stuck.

This is how it should look like after the animation

This is how it gets exported

I tried timeouts, tried adding a :leave attribute and tried exporting with and without clicks. Always the same problem.
I also noticed that when leaving a page with ArrowDown all elements appear in their initial state as well before it transitions to the next page. So maybe its related to that?

Minimal reproduction

The slide I created looks like this:

---

<img src="/editor.jpg" class="absolute left-30px top-30px shadow-lg border light:border-[#ccc] dark:border-[#333]">
<div v-click v-motion :initial="{translateX: '-10%'}" :enter="{translateX: '0%'}" class="absolute inset-0">
  <Arrow x1="585" x2="685" y1="150" y2="150" />
  <img src="/icon.jpg" class="absolute left-720px top-100px">
</div>

Environment

• Slidev version: v0.50.0-beta.10
• Browser: Doesnt apply
• OS: WSL on Win 10

[jonasfroeller]

Same issue with code animations.

[jonasfroeller]

Also videos are not embedded. (Adobe Acrobat Reader would support it for example) I think it would be good, to just use the first frame of the video instead, because not many pdf-readers support videos.

[KermanX]

Sorry for the late reply. A workaround is to install @slidev/cli and @slidev/client from the urls listed in #1972 (comment), and open the new exporting UI to export the slides (only supports chrome/edge).