motion-v-skilld
motiondivision/motion-vue motion-v@2.2.1
Tags: latest: 2.2.1
References: Docs
API Changes
This section documents version-specific API changes — prioritize recent major/minor releases.
-
BREAKING:
focus,hover,press,inViewshorthand props — removed in v2.0.0-beta.1. UsewhileFocus,whileHover,whilePress, andwhileInViewfor animations, and full event handlers (e.g.@hoverStart,@pressStart) for logic source -
NEW:
v-motiondirective — new in v2.0.0-beta.1, enables declarative animations on any element without requiring a<motion>component wrapper source -
BREAKING: ESM-only — v2.0.0-beta.1 dropped CommonJS support. The package now only ships ESM (
.mjs) exports source -
NEW:
MotionPlugin— new in v2.0.0-beta.1, a Vue plugin for globalv-motionand custom preset directive registration -
NEW:
createPresetDirective()— new in v2.0.0-beta.1, allows creating reusable animation directives with baked-in motion options -
BREAKING:
AnimatePresencelazy discovery — v2.0.0-beta.1 refactored to usedata-apattribute for lazy discovery instead of eager registration source
More from harlan-zw/vue-ecosystem-skills
quasar-skilld
Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time. ALWAYS use when writing code importing \"quasar\". Consult for debugging, best practices, or modifying quasar.
200vue-skilld
The progressive JavaScript framework for building modern web UI. ALWAYS use when editing or working with *.vue files or code importing \"vue\". Consult for debugging, best practices, or modifying vue, core.
196pinia-skilld
Intuitive, type safe and flexible Store for Vue. ALWAYS use when writing code importing \"pinia\". Consult for debugging, best practices, or modifying pinia.
160vue-i18n-skilld
Internationalization plugin for Vue.js. ALWAYS use when writing code importing \"vue-i18n\". Consult for debugging, best practices, or modifying vue-i18n, vue i18n.
156vuetify-skilld
Vue Material Component Framework. ALWAYS use when writing code importing \"vuetify\". Consult for debugging, best practices, or modifying vuetify.
142pinia-colada-skilld
The smart data fetching layer for Vue.js. ALWAYS use when writing code importing \"@pinia/colada\". Consult for debugging, best practices, or modifying @pinia/colada, pinia/colada, pinia colada, pinia-colada.
132