From b84050e2eaefb77b6a4546156cd24b52c027180d Mon Sep 17 00:00:00 2001
From: kalu5 <451660550@qq.com>
Date: Sat, 13 Apr 2024 08:21:59 +0800
Subject: [PATCH] docs: update package name and readme

---
 package.json |  4 ++--
 readme.md    | 23 +++++++++++++++++------
 2 files changed, 19 insertions(+), 8 deletions(-)

diff --git a/package.json b/package.json
index ad714c7..ca3068b 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
-  "name": "@kalu5/vue_hooks",
+  "name": "@kalu5/vue3-hooks",
   "type": "module",
-  "version": "1.0.8",
+  "version": "1.0.9",
   "private": false,
   "description": "This is vue3 hooks utils",
   "author": "lujialong",
diff --git a/readme.md b/readme.md
index d9a7a33..cca7e68 100644
--- a/readme.md
+++ b/readme.md
@@ -3,22 +3,31 @@
 </h1>
 
 <p>
-  This is vue3 hooks utils . You can use it just like react .
+  This is vue3 hooks utils , You can use it just like react .
 </p>
 
+**Advantage:**
+
+1. Semantics is better.
+2. Logic is clearer.
+
+I highly recommend using it.
+
 # Use
 
 ``` bash
-pnpm i @kalu5/vue_hooks
+pnpm i @kalu5/vue3-hooks
 ```
 
 ## useState
 
+The correct way to open State.
+
 eg:
 ``` vue
 <script setup lang="ts">
-import { useState } from '@kalu5/vue_hooks'
-const [state, setState] = useState(0)
+import { useState } from '@kalu5/vue3-hooks'
+const [state, setState] = useState<number>(0)
 </script>
 
 <template>
@@ -37,17 +46,19 @@ const [state, setState] = useState(0)
 eg:
 ``` vue
 <script setup lang="ts">
-import { useReducer } from '@kalu5/vue_hooks'
+import { useReducer } from '@kalu5/vue3-hooks'
 function reducer(state, action) {
   if (action.type === 'add')
     return state.value + 1
   return state.value - 1
 }
-const [state, dispatch] = useReducer(reducer, 1)
+const [state, dispatch] = useReducer<number>(reducer, 1)
+const [newState, newDispatch] = useReducer<number>(reducer, 2, (init: number) => init * 3)
 </script>
 
 <template>
   <h1>{{ state }}</h1>
+  <h2>{{ newState }}</h2>
   <button @click="dispatch({ type: 'add' })">
     Add
   </button>