From c2001cdbacc083043ebe6de2e6278a13a6d6bb46 Mon Sep 17 00:00:00 2001
From: Robert Soriano <sorianorobertc@gmail.com>
Date: Tue, 17 May 2022 15:16:12 -0700
Subject: [PATCH] update readme

---
 README.md          |  6 ++++++
 playground/app.vue | 12 +++++++-----
 2 files changed, 13 insertions(+), 5 deletions(-)

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>