Updates
Changelog
Notable changes in nanime.
Changelog
For the full changelog, see the GitHub releases.
v0.0.11...v0.1.12
Breaking
- Removed the
<ATransitionSlide>/<ATransitionScale>transition components, along with thecomponentsandprefixmodule options and the#nanime/componentsalias. They broke underuseAnimeLayout, and maintaining them properly wasn't worth it right now. Nanime is composables-only for the time being, and transition components may return later as a dedicated package once layout handling is sorted out. useAnimeTimelineanduseDraggablenow returnBufferedProxyReturns<T>rather thanProxyReturns<T>. Methods are no longer typed as possiblyundefined, so code that used optional chaining still compiles, and code that type-guarded onundefinedno longer needs to.
Packaging
@vueuse/coreis no longer a dependency at all. The three helpers the runtime used from it (useMounted,tryOnScopeDisposeandtoReactive) are now in-tree, so installingnanimeno longer pulls VueUse in.animejsanddefuare plain dependencies now, andvueis the only peer left. Both are imported at runtime, so nothing has to be installed alongsidenanimeany more.
Added
useDraggablereturns a buffered proxy. Methods called before the instance exists are replayed once it is created, sodraggable.disable()no longer needs optional chaining.useAnimeTimelinebuffers the whole timer control surface, not just the builder methods.play,pause,resume,restart,reset,reverse,alternate,seek,cancel,complete,initandresetTimejoinstretch,refreshandrevertas chainable calls that are safe before mount.- New
#nanime/proxies/svgalias re-exportingmorphTo,createMotionPathandcreateDrawable, plus a#nanime/proxiesroot that re-exports both the text and SVG proxies. #nanime/utilsalso exportsanimateandcreateTimerfor imperative work outside a composable.#nanime/typesaddsJSAnimation,Timer,TimerParams,TimerOptions,DrawableSVGGeometry,TextSplitterParamsandSplitTemplateParams.animejs/svgandanimejs/timerare pre-bundled by the module's Vite config, alongside the modules already listed.
Fixed
.sync()accepts a composable's return value whether or not the underlying instance is held in a ref.resolveNanimeInstancepreviously assumed a ref and read.valueoff a raw instance.
Docs
- Added a Performance guide covering engine choice, high-frequency updates and split-text cost, and caveats for every composable page.
- Added an Examples section with four showcase demos, replacing the transition components docs.
- Example demos can be resized horizontally to check narrower widths.
v0.0.11
- Added
useAnimeTimelinecomposable wrapping anime.jscreateTimeline()with Vue ref target normalization, pre-mount command buffering, and timeline syncing. - Composable returns can now be passed directly to
.sync()— nanime automatically unwraps them to raw anime.js instances.
v0.0.9/v0.0.10
- Added
useScrambleTextcomposable wrapping anime.jsscrambleText()with reactive text cycling. - Renamed
useLayouttouseAnimeLayout. It stays auto-imported but undocumented and unsupported while its interaction with Vue's DOM management is worked out. - Broadened
@vueuse/corepeer dep to support v13 and v14.
v0.0.8
- Integrated Nuxt Studio.
- Added instant play support for calling composables outside
setup(). - Renamed animation
optionstoparametersacross all composables.
v0.0.7
- Added "view on GitHub" links for doc examples.
- Fixed documentation link issues.
v0.0.5
- Initial release with
useAnimate,useWaapiAnimate,useAnimatable,useSplitText, anduseDraggable.