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

feat: remove nuxt 3 wrappers for client

Browse Source
This commit is contained in:
wobsoriano
2022-11-12 20:10:50 -08:00
parent d6cb770154
commit 85998101c7
9 changed files with 12 additions and 176 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
playground/pages/index.vue
View File

@@ -17,17 +17,13 @@ const addTodo = async () => {
title,
completed: false
})
console.log(x.data.value)
console.log(x)
} catch (e) {
console.log(e)
}
}
const { data: todos, pending, error, refresh } = await $client.todo.getTodos.query(undefined, {
trpc: {
abortOnUnmount: true
}
})
const { data: todos, pending, error, refresh } = await useAsyncData(() => $client.todo.getTodos.query())
</script>
<template>

2
playground/pages/todo/[id].vue
View File

@@ -1,7 +1,7 @@
<script setup lang="ts">
const route = useRoute()
const { $client } = useNuxtApp()
const { data: todo, pending, error } = await $client.todo.getTodo.query(Number(route.params.id))
const { data: todo, pending, error } = await useAsyncData(() => $client.todo.getTodo.query(Number(route.params.id)))
</script>
<template>

5
playground/plugins/trpc-client.ts
View File

@@ -1,10 +1,9 @@
import { httpBatchLink, loggerLink } from '@trpc/client'
import { createTRPCNuxtProxyClient } from 'trpc-nuxt/client'
import { createTRPCProxyClient, httpBatchLink, loggerLink } from '@trpc/client'
import superjson from 'superjson'
import type { AppRouter } from '~~/server/trpc/routers'
export default defineNuxtPlugin(() => {
const client = createTRPCNuxtProxyClient<AppRouter>({
const client = createTRPCProxyClient<AppRouter>({
transformer: superjson,
links: [
// adds pretty logs to your console in development and logs errors in production