From 64df8fb7ad76283871f3302ceffcb30bb73181cc Mon Sep 17 00:00:00 2001
From: wobsoriano <sorianorobertc@gmail.com>
Date: Sun, 13 Nov 2022 09:43:23 -0800
Subject: [PATCH] infer error in playground

---
 playground/pages/index.vue | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/playground/pages/index.vue b/playground/pages/index.vue
index 4991389..02516f7 100644
--- a/playground/pages/index.vue
+++ b/playground/pages/index.vue
@@ -1,4 +1,8 @@
 <script setup lang="ts">
+import { TRPCClientError } from '@trpc/client';
+import type { inferRouterOutputs } from '@trpc/server';
+import type { AppRouter } from '~~/server/trpc/routers';
+
 const { $client } = useNuxtApp()
 // const headers = useClientHeaders()
 
@@ -23,7 +27,10 @@ const addTodo = async () => {
   }
 }
 
-const { data: todos, pending, error, refresh } = await useAsyncData(() => $client.todo.getTodos.query())
+type RouterOutput = inferRouterOutputs<AppRouter>;
+type ErrorOutput = TRPCClientError<AppRouter>
+
+const { data: todos, pending, error, refresh } = await useAsyncData<RouterOutput['todo']['getTodos'], ErrorOutput>(() => $client.todo.getTodos.query())
 </script>
 
 <template>