Skip to content

Cant find demo source code + docs feedback #252

@MickL

Description

@MickL

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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions