feat: nuxt-graphql-middleware schema validation

Author: dulnan

package-lock.json

@@ -64,6 +64,7 @@
     "eslint-plugin-prettier": "^5.2.6",
     "happy-dom": "^13.3.8",
     "nuxt": "^3.16.2",
+    "nuxt-graphql-middleware": "^5.0.0-alpha.17",
     "nuxt-language-negotiation": "^1.0.1",
     "postcss": "^8.4.35",
     "postcss-cli": "^11.0.0",
@@ -72,6 +73,7 @@
     "postcss-nested-import": "^1.3.0",
     "postcss-replace": "^2.0.1",
     "postcss-url": "^10.1.3",
-    "tailwindcss": "^3.4.1"
+    "tailwindcss": "^3.4.1",
+    "vue-tsc": "^2.2.8"
   }
 }

package.json

@@ -1,13 +1,13 @@
 import { defineVuepalAdapter } from './../../src/adapter'
-import { useCurrentLanguage } from '#imports'
+import { useCurrentLanguage, useGraphqlQuery } from '#imports'
 
 export default defineVuepalAdapter(() => {
   return {
     getAdminMenu() {
-      return $fetch('/api/adminMenu').then((v) => v.data || {})
+      return useGraphqlQuery('adminToolbar').then((v) => v.data)
     },
     getLocalTasks() {
-      return $fetch('/api/localTasks').then(
+      return $fetch<any>('/api/localTasks').then(
         (v) => v.data.route.localTasks || [],
       )
     },

playground/app/vuepal.adapter.ts

@@ -1,6 +1,24 @@
 export default defineNuxtConfig({
   ssr: false,
-  modules: ['../src/module', 'nuxt-language-negotiation', '@nuxt/eslint'],
+  modules: [
+    'nuxt-graphql-middleware',
+    '../src/module',
+    'nuxt-language-negotiation',
+    '@nuxt/eslint',
+  ],
+
+  graphqlMiddleware: {
+    // For local development:
+    // Set this to true to update the schema.
+    // Make sure the starterkit app is running.
+    downloadSchema: false,
+    graphqlEndpoint: 'http://starterkit.ddev.site/de/graphql',
+    schemaPath: './../schema.graphql',
+
+    codegenConfig: {
+      skipUnusedFragments: false,
+    },
+  },
 
   imports: {
     autoImport: false,
@@ -51,6 +69,9 @@ export default defineNuxtConfig({
       langcodes: ['de', 'en'],
       outputPath: './../drupal/frontend_routing.settings.yml',
     },
+    drupalRoute: {
+      enabled: true,
+    },
   },
 
   compatibilityDate: '2024-09-10',

playground/nuxt.config.ts

@@ -0,0 +1,3 @@
+query route($path: String!) {
+  ...useDrupalRoute
+}