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
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions