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">
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>