arthur/trpc-nuxt
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/trpc-nuxt.git synced 2026-01-14 12:14:40 +01:00
Code Issues Packages Projects Releases Wiki Activity

infer error in playground

Browse Source
This commit is contained in:
wobsoriano
2022-11-13 09:43:23 -08:00
parent d5567e5826
commit 64df8fb7ad
1 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
playground/pages/index.vue
View File

@@ -1,4 +1,8 @@
<script setup lang="ts"> <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 { $client } = useNuxtApp()
// const headers = useClientHeaders() // 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> </script>
<template> <template>