Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Cant find demo source code + docs feedback #252

Open
MickL opened this issue Feb 26, 2025 · 0 comments
Open

Cant find demo source code + docs feedback #252

MickL opened this issue Feb 26, 2025 · 0 comments

Comments

@MickL
Copy link

MickL commented Feb 26, 2025

Hello! I am looking for the source code of the following demo's but cant find it:
https://vueuse-motion-demo.netlify.app/

Maybe add a link to the source next to the three examples?

Also I want to give you some feedback about the docs:
I just discovered vueuse/motion and it sounded amazing UNTIL I wanted to make an animation when an element uses the dom with v-if. Everywhere the docs it tells you about enter, but no word about leave. But IMO enter AND leave are the most common things to do. Now there is this short section about leaving but 1. it was very hard to find (I would have expected to see it on the first directive use page) and 2. it doesnt explain me how to do it, it just gives a hint I need to use the motion instance and I should look at the demo page (that doesnt have source code).

I think a big improvement to the docs would be to have leave on the very first page (directive usage), or at least a link about it. Then the leave section should explain why I suddenly need the motion instance when I expected that it "just works" with vueuse/motion like :enter does because at this moment vueuse/motion seems to be more complicated than the initial Vue Transition wrappers that it was supposed to be simpler than. Lastly a full example would be good, some element that has v-if with that fades and scales from width 0.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant