feat: trpc v11 (#6)

* feat: upgrade to trpc v11

* chore: bump to v0.5.0-rc.0

* build(deps): upgrade deps

* feat: useInfiniteQuery()

* style: lint

* ci(deploy): publish with --no-git-checks

* chore: bump to v0.5.0-rc.1

* chore(peerDeps): set trpc to v11

* feat(types): use exact input types (don't allow not defined properties)

* ci(release): run deploy with new ref

* chore: release v0.5.0-rc.2

* fix(types): case where input is void

* chore: release v0.5.0-rc.3

* fix(exact): improve Exact type

* chore: release v0.5.0-rc.4

* fix(types): improve exact safety

* chore: release v0.5.0-rc.5

* fix(types): add inferAsyncIterableYield for subscription data

* chore: release v0.5.0-rc.6

* feat: useQueries()

* ci: use `simple-dist-tag` for automatic dist tag for npm publish

* chore: release v0.5.0-rc.7

* build: fix trpc peer-dependency version tags

Fixes #7

* chore: release v0.5.0-rc.8

* feat: make input available in useQueries() combine()

* chore: release v0.5.0-rc.9

* fix: types for useQueries()

* chore: release v0.5.0-rc.10

* fix: only include input in useQueries()

* chore: release v0.5.0-rc.11

* fix: input change did not retrigger query

* chore: release v0.5.0-rc.12

* fix: cache collision with useQuery & useQueries

* chore: release v0.5.0-rc.13

* build(deps): upgrade deps

* feat: support skipToken in useQuery()

* chore: release v0.5.0-rc.14

* fix: actually skip request on skipToken

* chore: release v0.5.0-rc.15

* fix: don't return undefined, return skipToken instead

* chore: release v0.5.0-rc.16

* fix: set skipToken as queryFn, not as return value

* chore: release v0.5.0-rc.17

* test: fix skipToken tests

* ci(cd-cd): add test

* ci(deploy): update node

* ci(deploy): use inputs

* fix(types): using Exact in generic breaks it

* chore: release v0.5.0-rc.18

* style: lint

* refactor: use trpc v11 release

* chore: release v0.5.0-rc.19

* ci(deploy): use pnpm 10

* chore: release v0.5.0-rc.20

---------

Co-authored-by: Julian Meinking <12785972+DrJume@users.noreply.github.com>

Author: LouisHaftmann

.github/workflows/ci-cd.yml

@@ -35,3 +35,13 @@ jobs:
         uses: falcondev-it/.github/actions/pnpm-install@master
 
       - run: pnpm run type-check
+
+  test:
+    name: 🧪 Unit Tests
+    needs: [type-check]
+    runs-on: ubuntu-latest
+    steps:
+      - name: pnpm install
+        uses: falcondev-it/.github/actions/pnpm-install@master
+
+      - run: pnpm run test

.github/workflows/deploy.yml

@@ -20,23 +20,25 @@ jobs:
 
     steps:
       - uses: actions/checkout@v4
+        with:
+          ref: ${{ inputs.ref }}
 
       - uses: pnpm/action-setup@v3
         with:
-          version: 9
+          version: 10
 
       - uses: actions/setup-node@v4
         with:
-          node-version: 20.x
+          node-version: 22.x
           cache: pnpm
           registry-url: https://registry.npmjs.org
 
       - run: pnpm install --frozen-lockfile
 
-      - name: build
+      - name: Build
         run: pnpm build
 
       - name: Publish
-        run: pnpm publish
+        run: pnpm publish --no-git-checks --tag $(npx simple-dist-tag)
         env:
           NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

.github/workflows/release.yml

@@ -59,3 +59,5 @@ jobs:
     needs: [release]
     uses: ./.github/workflows/deploy.yml
     secrets: inherit
+    with:
+      ref: ${{ needs.release.outputs.RELEASE_REF }}

.vscode/settings.json

@@ -23,5 +23,6 @@
     {
       "mode": "auto"
     }
-  ]
+  ],
+  "typescript.tsdk": "node_modules/typescript/lib"
 }

README.md

@@ -20,9 +20,10 @@ pnpm add @falcondev-oss/trpc-vue-query
 
 ```ts
 import { createTRPCVueQueryClient } from '@falcondev-oss/trpc-vue-query'
-import type { AppRouter } from '../your_server/trpc'
 import { VueQueryPlugin, useQueryClient } from '@tanstack/vue-query'
 
+import type { AppRouter } from '../your_server/trpc'
+
 app.use(VueQueryPlugin)
 app.use({
   install(app) {
@@ -45,6 +46,7 @@ app.use({
 
 ```ts
 import { createTRPCVueQueryClient } from '@falcondev-oss/trpc-vue-query'
+
 import type { AppRouter } from '../your_server/trpc'
 
 export function useTRPC() {
@@ -116,6 +118,7 @@ Setup `trpc-nuxt` as described in their [documentation](https://trpc-nuxt.vercel
 import { createTRPCVueQueryClient } from '@falcondev-oss/trpc-vue-query'
 import { useQueryClient } from '@tanstack/vue-query'
 import { httpBatchLink } from 'trpc-nuxt/client'
+
 import type { AppRouter } from '~/server/trpc/routers'
 
 export default defineNuxtPlugin(() => {

docs/content/1.getting-started/1.index.md

@@ -33,6 +33,8 @@ import { VueQueryPlugin, useQueryClient } from '@tanstack/vue-query'
 import { httpBatchLink } from '@trpc/client'
 import type { AppRouter } from '../your_server/trpc'
 
+import type { AppRouter } from '../your_server/trpc'
+
 app.use(VueQueryPlugin)
 app.use({
   install(app) {
@@ -55,6 +57,7 @@ app.use({
 
 ```ts [composables/useTRPC.ts]
 import { createTRPCVueQueryClient } from '@falcondev-oss/trpc-vue-query'
+
 import type { AppRouter } from '../your_server/trpc'
 
 export function useTRPC() {
@@ -70,6 +73,7 @@ Setup `trpc-nuxt` as described in their [documentation](https://trpc-nuxt.vercel
 import { createTRPCVueQueryClient } from '@falcondev-oss/trpc-vue-query'
 import { useQueryClient } from '@tanstack/vue-query'
 import { httpBatchLink } from 'trpc-nuxt/client'
+
 import type { AppRouter } from '~/server/trpc/routers'
 
 export default defineNuxtPlugin(() => {

docs/content/1.getting-started/2.usage.md

@@ -31,7 +31,7 @@ You can pass options as the second argument to the `useQuery` function.
 ```vue
 <script lang="ts" setup>
 const { data: notifications } = useTRPC().notifications.get.useQuery(undefined, {
-  refetchInterval: 30000,
+  refetchInterval: 30_000,
 })
 </script>
 ```

docs/content/composables/1.useQuery.md

@@ -29,7 +29,7 @@ You can pass any `@tanstack/vue-query` options as the second argument to the `us
 ```vue
 <script lang="ts" setup>
 const { data: notifications } = useTRPC().notifications.get.useQuery(undefined, {
-  refetchInterval: 30000,
+  refetchInterval: 30_000,
 })
 </script>
 ```

docs/error.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { NuxtError } from '#app'
-import type { ParsedContent } from '@nuxt/content/dist/runtime/types'
+import type { ParsedContent } from '@nuxt/content'
 
 defineProps({
   error: {

docs/package.json

@@ -18,6 +18,6 @@
     "nuxt": "^3.14.1592"
   },
   "devDependencies": {
-    "@nuxthq/studio": "^1.1.2"
+    "@nuxthq/studio": "^2.1.1"
   }
 }