docs: add readme

Author: siaikin

packages/docs/components/AdvancedEasingDemo.vue

@@ -23,6 +23,7 @@ const animationOptions = ref({
       class="font-bold"
       :style="{
         fontSize: fontSize + 'px',
+        lineHeight: 1.2,
       }"
       :value="number"
       :animation-options="{

packages/docs/components/PlayfulNumberDemo.vue

@@ -29,6 +29,7 @@ const fontFamily = ref("");
       locale-number
       :style="{
         fontSize: fontSize + 'px',
+        lineHeight: 1.2,
         fontStyle: italic ? 'italic' : 'normal',
         fontFamily: fontFamily,
       }"

packages/vue-to-counter/README.md

@@ -1,5 +1,25 @@
-# Vue 3 + TypeScript + Vite
+# vue-to-counter
 
-This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
+Make the value change more vivid and natural.
 
-Learn more about the recommended Project Setup and IDE Support in the [Vue Docs TypeScript Guide](https://vuejs.org/guide/typescript/overview.html#project-setup).
+![vue-to-counter-animation.gif](vue-to-counter-animation.gif)
+
+![npm](https://img.shields.io/npm/v/vue-to-counter?style=flat-square)
+![npm](https://img.shields.io/npm/dm/vue-to-counter?style=flat-square)
+![NPM](https://img.shields.io/npm/l/vue-to-counter?style=flat-square)
+[![semantic-release: angular](https://img.shields.io/badge/semantic--release-angular-e10079?logo=semantic-release&style=flat-square)](https://github.com/semantic-release/semantic-release)
+[![Netlify Status](https://api.netlify.com/api/v1/badges/133df312-97ec-411b-816e-52ee0bd49808/deploy-status?style=flat-square)](https://app.netlify.com/sites/vue-to-counter/deploys)
+
+## Documentation
+
+- [Online Documentation](https://vue-to-counter.netlify.app/)
+
+## Thanks
+
+![JetBrains Logo (Main) logo](https://resources.jetbrains.com/storage/products/company/brand/logos/jb_beam.svg)
+
+> Thank JetBrains for providing an [open-source license](https://jb.gg/OpenSourceSupport), which allows me to use such an excellent IDE.
+
+## License
+
+[![FOSSA Status](https://app.fossa.com/api/projects/git%2Bgithub.com%2Fsiaikin%2Fvue-to-counter.svg?type=large&issueType=license)](https://app.fossa.com/projects/git%2Bgithub.com%2Fsiaikin%2Fvue-to-counter?ref=badge_large&issueType=license)