mirror of
https://github.com/FranP-code/create-better-t-stack.git
synced 2025-10-12 23:52:15 +00:00
add nuxt and expo with orpc
This commit is contained in:
35
apps/cli/templates/api/orpc/web/nuxt/app/plugins/orpc.ts.hbs
Normal file
35
apps/cli/templates/api/orpc/web/nuxt/app/plugins/orpc.ts.hbs
Normal file
@@ -0,0 +1,35 @@
|
||||
import { defineNuxtPlugin, useRuntimeConfig } from '#app'
|
||||
import type { RouterClient } from '@orpc/server'
|
||||
import type { appRouter } from "../../../server/src/routers/index";
|
||||
import { createORPCClient } from '@orpc/client'
|
||||
import { RPCLink } from '@orpc/client/fetch'
|
||||
import { createORPCVueQueryUtils } from '@orpc/vue-query'
|
||||
|
||||
export default defineNuxtPlugin(() => {
|
||||
const config = useRuntimeConfig()
|
||||
const serverUrl = config.public.serverURL
|
||||
|
||||
const rpcUrl = `${serverUrl}/rpc`;
|
||||
|
||||
const rpcLink = new RPCLink({
|
||||
url: rpcUrl,
|
||||
{{#if auth}}
|
||||
fetch(url, options) {
|
||||
return fetch(url, {
|
||||
...options,
|
||||
credentials: "include",
|
||||
});
|
||||
},
|
||||
{{/if}}
|
||||
})
|
||||
|
||||
|
||||
const client: RouterClient<typeof appRouter> = createORPCClient(rpcLink)
|
||||
const orpcUtils = createORPCVueQueryUtils(client)
|
||||
|
||||
return {
|
||||
provide: {
|
||||
orpc: orpcUtils
|
||||
}
|
||||
}
|
||||
})
|
||||
Reference in New Issue
Block a user