Documentation Request
Issue #489 proposes a React integration guide. EaseMotion CSS should have an equivalent guide for Vue 3, which is widely used in the same developer community.
Guide should cover
- CDN installation — add the
<link> to index.html in a Vue project
- Vite + npm —
import 'easemotion-css/dist/easemotion.min.css' in main.js
- Applying classes in SFCs — static classes, dynamic
:class binding with reactive state
<Transition> wrapper — using EaseMotion animation classes as Vue enter/leave classes via enter-active-class and leave-active-class- Composable example — a
useAnimation composable that toggles an animation class on demand
- Nuxt 3 — brief note on adding EaseMotion CSS via
nuxt.config.ts CSS array
Format
Same structure as the React guide (#489) — markdown file at docs/vue-integration.md with code snippets and a live demo link.
Note: This is distinct from the React guide (#489) — it covers Vue-specific APIs (:class, <Transition>, composables, Nuxt).
Documentation Request
Issue #489 proposes a React integration guide. EaseMotion CSS should have an equivalent guide for Vue 3, which is widely used in the same developer community.
Guide should cover
<link>toindex.htmlin a Vue projectimport 'easemotion-css/dist/easemotion.min.css'inmain.js:classbinding with reactive state<Transition>wrapper — using EaseMotion animation classes as Vue enter/leave classes viaenter-active-classandleave-active-classuseAnimationcomposable that toggles an animation class on demandnuxt.config.tsCSS arrayFormat
Same structure as the React guide (#489) — markdown file at
docs/vue-integration.mdwith code snippets and a live demo link.Note: This is distinct from the React guide (#489) — it covers Vue-specific APIs (
:class,<Transition>, composables, Nuxt).