feat: trpc v11

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

@@ -29,9 +29,10 @@ npm install @falcondev-oss/trpc-vue-query
 
 ```ts [main.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) {
@@ -54,6 +55,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() {
@@ -69,6 +71,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

@@ -10,14 +10,14 @@
     "postinstall": "nuxt prepare"
   },
   "dependencies": {
-    "@iconify-json/heroicons": "^1.1.21",
-    "@iconify-json/simple-icons": "^1.1.101",
-    "@nuxt/content": "^2.12.1",
-    "@nuxt/fonts": "^0.7.0",
-    "@nuxt/ui-pro": "^1.2.0",
-    "nuxt": "^3.11.2"
+    "@iconify-json/heroicons": "^1.2.0",
+    "@iconify-json/simple-icons": "^1.2.3",
+    "@nuxt/content": "^2.13.2",
+    "@nuxt/fonts": "^0.8.0",
+    "@nuxt/ui-pro": "^1.4.2",
+    "nuxt": "^3.13.2"
   },
   "devDependencies": {
-    "@nuxthq/studio": "^1.0.15"
+    "@nuxthq/studio": "^2.1.1"
   }
 }