diff --git a/README.md b/README.md
index de945ba..3d3a4af 100644
--- a/README.md
+++ b/README.md
@@ -64,7 +64,7 @@ const client = useClient() // auto-imported
 const users = await client.query('getUsers')
 
 const addUser = async () => {
-  const mutate = await client.mutation('createUser', {
+  const newUser = await client.mutation('createUser', {
     name: 'wagmi'
   })
 }
diff --git a/playground/app.vue b/playground/app.vue
index 943c67f..79ae2b1 100644
--- a/playground/app.vue
+++ b/playground/app.vue
@@ -1,18 +1,17 @@
 <script setup lang="ts">
-const { data, error } = await useAsyncQuery(['getUser', { username: 'jcena' }], {
+const { data, pending, error } = await useAsyncQuery(['getUser', { username: 'jcena' }], {
   lazy: true,
 })
-
-const client = useClient()
 </script>
 
 <template>
-  <div>
-    <div v-if="data">
-      {{ JSON.stringify(data, null, 2) }}
-    </div>
-    <div v-else-if="error">
-      asdx  {{ JSON.stringify(error, null, 2) }}
-    </div>
+  <div v-if="pending">
+    Loading...
+  </div>
+  <div v-else-if="error">
+    Error: {{ JSON.stringify(error, null, 2) }}
+  </div>
+  <div v-else>
+    User {{ JSON.stringify(data, null, 2) }}
   </div>
 </template>