feat: examples nuxt 5

productdevbook · productdevbook · commit de12edf3378c · 2026-01-10T11:18:05.000+03:00
diff --git a/eslint.config.mjs b/eslint.config.mjs
@@ -50,6 +50,7 @@ export default antfu(
       'unused-imports/no-unused-vars': 'off',
       'style/eol-last': 'off',
       'pnpm/json-enforce-catalog': 'off',
+      'pnpm/json-prefer-workspace-settings': 'off',
     },
   },
 )
diff --git a/examples/better-auth/package.json b/examples/better-auth/package.json
@@ -22,7 +22,7 @@
     "graphql": "^16.12.0",
     "graphql-yoga": "^5.18.0",
     "nitro": "^3.0.1-alpha.1",
-    "nitro-graphql": "2.0.0-beta.57",
+    "nitro-graphql": "2.0.0-beta.61",
     "pg": "^8.16.3",
     "rolldown": "^1.0.0-beta.59",
     "tsx": "^4.21.0",
diff --git a/examples/drizzle-orm/package.json b/examples/drizzle-orm/package.json
@@ -18,7 +18,7 @@
     "graphql": "^16.12.0",
     "graphql-yoga": "^5.18.0",
     "nitro": "^3.0.1-alpha.1",
-    "nitro-graphql": "2.0.0-beta.57",
+    "nitro-graphql": "2.0.0-beta.61",
     "pg": "^8.16.3",
     "rolldown": "^1.0.0-beta.59",
     "tsx": "^4.21.0",
diff --git a/examples/nitro-apollo/package.json b/examples/nitro-apollo/package.json
@@ -9,7 +9,7 @@
     "@apollo/server": "^5.2.0",
     "graphql": "^16.12.0",
     "nitro": "^3.0.1-alpha.1",
-    "nitro-graphql": "2.0.0-beta.57",
+    "nitro-graphql": "2.0.0-beta.61",
     "rolldown": "^1.0.0-beta.59"
   }
 }
diff --git a/examples/nitro/package.json b/examples/nitro/package.json
@@ -9,7 +9,7 @@
     "graphql": "^16.12.0",
     "graphql-yoga": "^5.18.0",
     "nitro": "^3.0.1-alpha.1",
-    "nitro-graphql": "2.0.0-beta.57",
+    "nitro-graphql": "2.0.0-beta.61",
     "rolldown": "^1.0.0-beta.59"
   }
 }
diff --git a/examples/nuxt/.gitignore b/examples/nuxt/.gitignore
@@ -0,0 +1,5 @@
+node_modules
+.nuxt
+.output
+.graphql
+dist
diff --git a/examples/nuxt/README.md b/examples/nuxt/README.md
@@ -0,0 +1,30 @@
+# Nuxt + nitro-graphql Example
+
+This example demonstrates using nitro-graphql with Nuxt 4.
+
+## Setup
+
+```bash
+pnpm install
+pnpm dev
+```
+
+## Features
+
+- GraphQL Yoga server at `/api/graphql`
+- Auto-generated TypeScript types
+- GraphQL Playground (Apollo Sandbox)
+
+## Structure
+
+```
+server/graphql/
+├── schema.graphql    # GraphQL schema
+└── hello.resolver.ts # Query resolvers
+```
+
+## Try it
+
+1. Run `pnpm dev`
+2. Open http://localhost:3000
+3. Or visit http://localhost:3000/api/graphql for the playground
diff --git a/examples/nuxt/app/app.vue b/examples/nuxt/app/app.vue
@@ -0,0 +1,17 @@
+<script setup lang="ts">
+const { data } = await useFetch('/api/graphql', {
+  method: 'POST',
+  headers: { 'Content-Type': 'application/json' },
+  body: { query: '{ hello }' },
+})
+</script>
+
+<template>
+  <div>
+    <h1>Nuxt + nitro-graphql</h1>
+    <p>GraphQL Response: {{ data?.data?.hello }}</p>
+    <p>
+      <a href="/api/graphql" target="_blank">Open GraphQL Playground</a>
+    </p>
+  </div>
+</template>
diff --git a/examples/nuxt/nuxt.config.ts b/examples/nuxt/nuxt.config.ts
@@ -0,0 +1,15 @@
+import graphql from 'nitro-graphql'
+
+// https://nuxt.com/docs/api/configuration/nuxt-config
+export default defineNuxtConfig({
+  compatibilityDate: '2025-07-15',
+  devtools: { enabled: true },
+  nitro: {
+    builder: 'rolldown',
+    modules: [
+      graphql({
+        framework: 'graphql-yoga',
+      }),
+    ],
+  },
+})
diff --git a/examples/nuxt/package.json b/examples/nuxt/package.json
@@ -0,0 +1,40 @@
+{
+  "name": "nuxt-5-graphql-example",
+  "type": "module",
+  "private": true,
+  "scripts": {
+    "build": "nuxt build",
+    "dev": "nuxt dev",
+    "generate": "nuxt generate",
+    "preview": "nuxt preview",
+    "postinstall": "nuxt prepare"
+  },
+  "dependencies": {
+    "@nuxt/kit": "https://pkg.pr.new/@nuxt/kit@33005",
+    "@nuxt/schema": "https://pkg.pr.new/@nuxt/schema@33005",
+    "graphql": "^16.12.0",
+    "graphql-yoga": "^5.16.2",
+    "nitro-graphql": "^2.0.0-beta.61",
+    "nuxt": "https://pkg.pr.new/nuxt@33005",
+    "vue": "^3.5.26",
+    "vue-router": "^4.2.2"
+  },
+  "pnpm": {
+    "overrides": {
+      "@nuxt/kit": "https://pkg.pr.new/@nuxt/kit@33005",
+      "@nuxt/schema": "https://pkg.pr.new/@nuxt/schema@33005",
+      "graphql": "^16.12.0",
+      "nitro": "https://pkg.pr.new/nitrojs/nitro@99691fc",
+      "nuxt": "https://pkg.pr.new/nuxt@33005",
+      "vite": "8.0.0-beta.7"
+    }
+  },
+  "overrides": {
+    "@nuxt/kit": "https://pkg.pr.new/@nuxt/kit@33005",
+    "@nuxt/schema": "https://pkg.pr.new/@nuxt/schema@33005",
+    "graphql": "^16.12.0",
+    "nitro": "https://pkg.pr.new/nitrojs/nitro@99691fc",
+    "nuxt": "https://pkg.pr.new/nuxt@33005",
+    "vite": "8.0.0-beta.7"
+  }
+}
diff --git a/examples/nuxt/server/graphql/hello.resolver.ts b/examples/nuxt/server/graphql/hello.resolver.ts
@@ -0,0 +1,6 @@
+import { defineQuery } from 'nitro-graphql/define'
+
+export const helloQueries = defineQuery({
+  hello: () => 'Hello from Nuxt + nitro-graphql!',
+  greeting: (_: unknown, { name }: { name: string }) => `Hello ${name}!`,
+})
diff --git a/examples/nuxt/server/graphql/schema.graphql b/examples/nuxt/server/graphql/schema.graphql
@@ -0,0 +1,4 @@
+type Query {
+  hello: String!
+  greeting(name: String!): String!
+}
diff --git a/examples/nuxt/tsconfig.json b/examples/nuxt/tsconfig.json
@@ -0,0 +1,3 @@
+{
+  "extends": "./.nuxt/tsconfig.json"
+}
diff --git a/examples/subscriptions/package.json b/examples/subscriptions/package.json
@@ -12,7 +12,7 @@
     "graphql-ws": "^6.0.6",
     "graphql-yoga": "^5.18.0",
     "nitro": "^3.0.1-alpha.1",
-    "nitro-graphql": "2.0.0-beta.57",
+    "nitro-graphql": "2.0.0-beta.61",
     "rolldown": "^1.0.0-beta.59"
   }
 }
diff --git a/examples/vite-react/package.json b/examples/vite-react/package.json
@@ -15,7 +15,7 @@
     "graphql": "^16.12.0",
     "graphql-yoga": "^5.18.0",
     "nitro": "^3.0.1-alpha.1",
-    "nitro-graphql": "2.0.0-beta.57",
+    "nitro-graphql": "2.0.0-beta.61",
     "ofetch": "^1.5.1",
     "react": "^19.2.3",
     "react-dom": "^19.2.3",
@@ -29,6 +29,6 @@
     "@vitejs/plugin-react": "^5.1.2",
     "graphql-config": "^5.1.5",
     "typescript": "^5.9.3",
-    "vite": "8.0.0-beta.5"
+    "vite": "8.0.0-beta.7"
   }
 }
diff --git a/examples/vite-vue/package.json b/examples/vite-vue/package.json
@@ -15,7 +15,7 @@
     "graphql": "^16.12.0",
     "graphql-yoga": "^5.18.0",
     "nitro": "^3.0.1-alpha.1",
-    "nitro-graphql": "2.0.0-beta.57",
+    "nitro-graphql": "2.0.0-beta.61",
     "ofetch": "^1.5.1",
     "pinia": "^3.0.4",
     "tailwindcss": "^4.1.18",
@@ -28,7 +28,7 @@
     "@vue/tsconfig": "^0.8.1",
     "graphql-config": "^5.1.5",
     "typescript": "^5.9.3",
-    "vite": "8.0.0-beta.5",
+    "vite": "8.0.0-beta.7",
     "vue-tsc": "^3.2.2"
   }
 }
diff --git a/examples/vite/package.json b/examples/vite/package.json
@@ -11,11 +11,11 @@
   "dependencies": {
     "graphql": "^16.12.0",
     "graphql-yoga": "^5.18.0",
-    "nitro-graphql": "2.0.0-beta.57",
+    "nitro-graphql": "2.0.0-beta.61",
     "rolldown": "^1.0.0-beta.59"
   },
   "devDependencies": {
     "nitro": "^3.0.1-alpha.1",
-    "vite": "8.0.0-beta.5"
+    "vite": "8.0.0-beta.7"
   }
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml

Original file line number	Diff line number	Diff line change
`@@ -50,6 +50,7 @@ export default antfu(`
`50`	`50`	`'unused-imports/no-unused-vars': 'off',`
`51`	`51`	`'style/eol-last': 'off',`
`52`	`52`	`'pnpm/json-enforce-catalog': 'off',`
	`53`	`+ 'pnpm/json-prefer-workspace-settings': 'off',`
`53`	`54`	`},`
`54`	`55`	`},`
`55`	`56`	`)`
Original file line number	Diff line number	Diff line change
`@@ -9,7 +9,7 @@`
`9`	`9`	`"@apollo/server": "^5.2.0",`
`10`	`10`	`"graphql": "^16.12.0",`
`11`	`11`	`"nitro": "^3.0.1-alpha.1",`
`12`		`- "nitro-graphql": "2.0.0-beta.57",`
	`12`	`+ "nitro-graphql": "2.0.0-beta.61",`
`13`	`13`	`"rolldown": "^1.0.0-beta.59"`
`14`	`14`	`}`
`15`	`15`	`}`
-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +node_modules
 +.nuxt
 +.output
 +.graphql
 +dist