Skip to content

Commit 20bf349

Browse files
committed
chore: update README bundle size
1 parent a57503a commit 20bf349

File tree

1 file changed

+8
-7
lines changed

1 file changed

+8
-7
lines changed

README.md

+8-7
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@
33
[![npm](https://img.shields.io/npm/v/@vueuse/motion.svg)](https://www.npmjs.com/package/@vueuse/motion)
44
[![npm](https://img.shields.io/npm/v/vueuse-motion-nightly.svg)](https://www.npmjs.com/package/vueuse-motion-nightly)
55
[![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)
67
[![Netlify Status](https://api.netlify.com/api/v1/badges/ab1db459-8420-4bc6-9fac-2bc247fa2385/deploy-status)](https://app.netlify.com/sites/vueuse-motion/deploys)
78

89
Vue Composables putting your components in motion
@@ -13,7 +14,7 @@ Vue Composables putting your components in motion
1314
- 🌐 **SSR Ready**
1415
- 🚚 First-class support for **Nuxt 3**
1516
- ✨ Written in **TypeScript**
16-
- 🏋️‍♀️ Lightweight with **<20kb** bundle size
17+
- 🏋️‍♀️ Lightweight with **<25kb** bundle size
1718

1819
[🌍 Documentation](https://motion.vueuse.org)
1920

@@ -32,15 +33,15 @@ npm install @vueuse/motion
3233
In your Vue app entry file:
3334

3435
```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";
3839

39-
const app = createApp(App)
40+
const app = createApp(App);
4041

41-
app.use(MotionPlugin)
42+
app.use(MotionPlugin);
4243

43-
app.mount('#app')
44+
app.mount("#app");
4445
```
4546

4647
You can now animate any of your component, HTML or SVG elements using `v-motion`.

0 commit comments

Comments
 (0)