Skip to content

Simplify preset usage #264

@mrleblanc101

Description

@mrleblanc101

Vue support arguments and modifiers.
I think this syntax would be cleaner for presets.
From:
v-motion-slide-visible-once-bottom
to:
v-motion:slide-visible-bottom.once

  1. The directive name should be v-motion.
  2. The animation name should be it's argument.
  3. Move once to the end as a modifier.
  4. Maybe accept a boolean value to enable/disable the directive conditionnaly (See :duration="0" doesn't work #263).
    v-motion:slide-visible-bottom.once="index > 3"

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