docs(readme): simplify usage

Author: akinoccc

README.md

@@ -52,7 +52,7 @@
 
 For detailed introduction and usage instructions, please refer to [the documentation website](https://vue-styled-components.com)
 
-## Getting Start
+## 🚀Getting Start
 
 ### 📦Install
 
@@ -68,9 +68,7 @@ yarn add @vvibe/vue-styled-components
 pnpm i @vvibe/vue-styled-components
 ```
 
-### 🔨Usage
-
-#### Basic
+### 💅Basic
 
 ```vue
 <script setup lang="ts">
@@ -104,7 +102,7 @@ const StyledOtherComponent = styled(OtherComponent)`
 </template>
 ```
 
-#### Attrs Setting
+### Attrs Setting
 
 ```vue
 <script setup lang="ts">
@@ -126,7 +124,7 @@ const StyledDiv = styled.div.attrs({
 </template>
 ```
 
-#### Control Dynamic Style by Props
+### 🕹️Control Dynamic Style by Props
 
 You must define the props in the `styled` function if you want to use them in the style. Because Vue components
 require explicit props declaration so that Vue knows what external props passed to the component should be treated as
@@ -151,7 +149,7 @@ const StyledDiv = styled('div', {
 </template>
 ```
 
-#### Theming
+### 🧙Theming
 
 ```vue
 <script setup lang="ts">

README.zh_CN.md

@@ -65,9 +65,7 @@ yarn add @vvibe/vue-styled-components
 pnpm i @vvibe/vue-styled-components
 ```
 
-### 🔨用法
-
-#### 基本使用
+### 💅基本使用
 
 ```vue
 <script setup lang="ts">
@@ -101,7 +99,7 @@ const StyledOtherComponent = styled(OtherComponent)`
 </template>
 ```
 
-#### Attributes 设置
+### 🔧Attributes 设置
 
 ```vue
 <script setup lang="ts">
@@ -123,7 +121,7 @@ const StyledDiv = styled.div.attrs({
 </template>
 ```
 
-#### 通过 Props 动态控制样式
+### 🕹️通过 Props 动态控制样式
 
 如果要在样式中传递 props，则必须在 styled 函数中定义这些属性。因为 Vue 组件需要显式声明 props，以便 Vue 知道应如何处理传递给组件的外部 props（请参阅 [Props Declaration](https://vuejs.org/guide/components/props.html#props-declaration)）
 
@@ -146,7 +144,7 @@ const StyledDiv = styled('div', {
 </template>
 ```
 
-#### 主题
+### 🧙主题
 
 ```vue
 <script setup lang="ts">
@@ -167,58 +165,6 @@ const StyledDiv = styled.div`
 </template>
 ```
 
-#### 生成 keyframes
-
-您可以使用 `keyframes` 函数来定义关键帧动画，然后使用 `keyframes` 的返回值将其应用于样式化组件。
-
-```vue
-<script setup lang="ts">
-import { styled, keyframes } from '@vvibe/vue-styled-components';
-
-const rotate = keyframes`
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-`;
-const translate = keyframes`
-  0 {
-    transform: translateX(0);
-  }
-  50% {
-    transform: translateX(250%);
-  }
-  60% {
-    transform: rotate(360deg);
-  }
-`;
-
-const StyledBaseDiv = styled.div`
-  display: inline-block;
-  width: 100px;
-  height: 100px;
-`;
-
-const StyledRotateDiv = styled(StyledBaseDiv)`
-  background-color: skyblue;
-  animation: ${rotate} 2s linear infinite;
-`;
-
-const StyledTranslateDiv = styled(StyledBaseDiv)`
-  margin-left: 10px;
-  background-color: darkred;
-  animation: ${translate} 2s ease infinite alternate;
-`;
-</script>
-
-<template>
-  <StyledRotateDiv />
-  <StyledTranslateDiv />
-</template>
-```
-
 **更多细节请查看 [官方文档](https://vue-styled-components.com)**
 
 ## 贡献者