📝 update doc

SnowingFox · SnowingFox · commit a8934007f601 · 2022-10-21T19:29:27.000+08:00
diff --git a/README.md b/README.md
@@ -26,6 +26,7 @@ npm i vue-use-form
 
 
 ## Quick Start
+Try it on [playground](https://vue-use-form-play.netlify.app/#eNpVUcFugzAM/RUvl7ZSgTui1XaZtHOvuaTUtJnAZImphBD/PoeUrssp8Xt+79mZlO1c7znrjMu/Q0+qVJMmAP0AglYlLJVYuw+YDQGzpvddBLS6MbtQFsUrkrnWjDkht7YZc+PcP1RstIqCs6ZZ7dWHc7ngYlyF2lvHEJAHB62h60GrmOCoKaWBCUTmU1Rghsb3HWxepTeahEmMvjE1whe5gUNKLxRPpsMSAntLV/GO5LqnEFUjxePVBundL6+od2LD0jEBet/7APM+IjdDlxZPw7mzLIUZDmuoKjketztNVZGmkezyYOxkKYzygoea6P4JSxiAKnrCe1iUc+fxjsSyglfD7U7E40Lih1Q2+qU7QCnUdYbtZh14s1+/Lx6PP4P1eCnhSYDGYnuB2hD1DGcEicrjm+wytczil+6r63lg7gl4dCiWKe4zE8CjkLhFIi9gVcQB5VoVz32o+RclxNrU)
 ```html
 <script setup lang="ts">
 import { useForm } from 'vue-use-form'
@@ -34,15 +35,25 @@ interface Inputs {
   username: string
 }
 
-const { regsiter } = useForm<Inputs>()
+const { 
+  register, 
+  formState: { errors },
+  handleSubmit,
+} = useForm<Inputs>()
 </script>
 
 <template>
-  <input
-    :="register('username', {
-      required: 'username field cannot be empty!'
-    })"
-  >
+  errors: {{ errors }}
+  <form @submit.prevent="handleSubmit()()">
+    <input
+      :="register('username', {
+        required: 'username field cannot be empty!'
+      })"
+    >
+    <button type="submit">
+      submit
+    </button>
+  </form>
 </template>
 ```
 
