diff --git a/README.md b/README.md
index fa1019a..2ea3e10 100644
--- a/README.md
+++ b/README.md
@@ -52,4 +52,10 @@ export const responseMeta = () => {
 }
 ```
 
+Use the client like so:
 
+```html
+<script setup lang="ts">
+const { data } = await useTrpcQuery('hello')
+</script>
+```
diff --git a/playground/app.vue b/playground/app.vue
index 5d0e327..fdcf743 100644
--- a/playground/app.vue
+++ b/playground/app.vue
@@ -1,14 +1,16 @@
 <script setup lang="ts">
-const { data, error } = await useTrpcQuery('getUser', {
-  name: 'johns',
-})
+const { data, pending } = useLazyTrpcQuery('hello', undefined)
 
 watchEffect(() => {
   console.log(data.value)
-  console.log('err', error.value)
 })
 </script>
 
 <template>
-  <div>{{ data.name }}</div>
+  <div v-if="pending">
+    Loading...
+  </div>
+  <div v-else>
+    {{ data }}
+  </div>
 </template>