3
3
[ ![ npm] ( https://img.shields.io/npm/v/@vueuse/motion.svg )] ( https://www.npmjs.com/package/@vueuse/motion )
4
4
[ ![ npm] ( https://img.shields.io/npm/v/vueuse-motion-nightly.svg )] ( https://www.npmjs.com/package/vueuse-motion-nightly )
5
5
[ ![ npm] ( https://img.shields.io/npm/dm/@vueuse/motion.svg )] ( https://npm-stat.com/charts.html?package=@vueuse/motion )
6
+ [ ![ minzip size] ( https://img.shields.io/bundlephobia/minzip/%40vueuse%2Fmotion/3 )] ( https://www.npmjs.com/package/@vueuse/motion )
6
7
[ ![ Netlify Status] ( https://api.netlify.com/api/v1/badges/ab1db459-8420-4bc6-9fac-2bc247fa2385/deploy-status )] ( https://app.netlify.com/sites/vueuse-motion/deploys )
7
8
8
9
Vue Composables putting your components in motion
@@ -13,7 +14,7 @@ Vue Composables putting your components in motion
13
14
- 🌐 ** SSR Ready**
14
15
- 🚚 First-class support for ** Nuxt 3**
15
16
- ✨ Written in ** TypeScript**
16
- - 🏋️♀️ Lightweight with ** <20kb ** bundle size
17
+ - 🏋️♀️ Lightweight with ** <25kb ** bundle size
17
18
18
19
[ 🌍 Documentation] ( https://motion.vueuse.org )
19
20
@@ -32,15 +33,15 @@ npm install @vueuse/motion
32
33
In your Vue app entry file:
33
34
34
35
``` javascript
35
- import { createApp } from ' vue'
36
- import { MotionPlugin } from ' @vueuse/motion'
37
- import App from ' ./App.vue'
36
+ import { createApp } from " vue" ;
37
+ import { MotionPlugin } from " @vueuse/motion" ;
38
+ import App from " ./App.vue" ;
38
39
39
- const app = createApp (App)
40
+ const app = createApp (App);
40
41
41
- app .use (MotionPlugin)
42
+ app .use (MotionPlugin);
42
43
43
- app .mount (' #app' )
44
+ app .mount (" #app" );
44
45
```
45
46
46
47
You can now animate any of your component, HTML or SVG elements using ` v-motion ` .
0 commit comments