docs(vue-query): update example in disabling-queries.md

TanStack · Dec 13, 2024 · 8abe056 · 8abe056
1 parent 1eebfc9
commit 8abe056
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/docs/framework/vue/guides/disabling-queries.md b/docs/framework/vue/guides/disabling-queries.md
@@ -18,15 +18,16 @@ const { isLoading, isError, data, error, refetch, isFetching } = useQuery({
 </script>
 
 <template>
-  <button @click="refetch">Fetch Todos</button>
-  <span v-if="isIdle">Not ready...</span>
-  <span v-else-if="isError">Error: {{ error.message }}</span>
+  <button @click="refetch()">Fetch Todos</button>
+  <span v-if="isLoading">Loading...</span>
+  <span v-else-if="isError">Error: {{ error?.message }}</span>
   <div v-else-if="data">
     <span v-if="isFetching">Fetching...</span>
     <ul>
       <li v-for="todo in data" :key="todo.id">{{ todo.title }}</li>
     </ul>
   </div>
+  <span v-else>Not ready...</span>
 </template>
 ```