Feature Request: Support for Directives to Handle Layout Shifting

[arindampradhan]

Hi there,

I'm wondering if it would be possible to incorporate support for directives to handle layout shifting within the @vueuse/motion library. This feature would be highly beneficial for developers who need to manage complex animations and layout changes in Vue 3 applications.

References:

Hero Motion - This library provides a similar functionality and could serve as inspiration for how layout shifting can be handled.
Framer Motion - This reference demonstrates an effective approach to managing layout animations, which could be adapted to fit the Vue ecosystem.

Thank you for considering this feature request! Your work on @vueuse/motion has been incredibly valuable, and this addition would make it even more versatile.

---

I’ve created a parallel thread in the hero-motion repository regarding the potential addition of layout shifts to @vueuse/motion. If this feature could be incorporated, it would be immensely beneficial.

You can find the thread here: link.

[arindampradhan]

@Tahul can you kindly look into this request. The developer of hero-motion has agreed to contribute to this repo.