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

add error formatting recipe

Browse Source
This commit is contained in:
Robert Soriano
2022-05-19 00:47:15 -07:00
parent 4ac104943d
commit 1ef0caa18e
1 changed files with 11 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
recipes/error-formatting.md
View File

@@ -15,7 +15,7 @@ export const router = trpc.router<Context>()
data: { data: {
...shape.data, ...shape.data,
zodError: zodError:
error.code === 'BAD_USER_INPUT' error.code === 'BAD_REQUEST'
&& error.cause instanceof ZodError && error.cause instanceof ZodError
? error.cause.flatten() ? error.cause.flatten()
: null, : null,
@@ -27,5 +27,15 @@ export const router = trpc.router<Context>()
### Usage in Vue ### Usage in Vue
```html ```html
<script setup lang="ts">
const { error } = await useAsyncQuery(['getUser', { id: 69 }])
</script>
<template>
<pre v-if="error?.data?.zodError">
{{ JSON.stringify(error.data.zodError, null, 2) }}
</pre>
</template>
``` ```
Learn more about error formatting [here](https://trpc.io/docs/error-formatting).