feat: Initial GraphQL setup with remote WP schema

.vscode/settings.json

@@ -1,10 +1,11 @@
 {
-  "files.associations": {
-    "*.css": "tailwindcss"
-  },
   "editor.quickSuggestions": {
     "strings": "on"
   },
+  "files.associations": {
+    "*.css": "tailwindcss"
+  },
+  "graphql-config.load.rootDir": "wp-content/themes/moonshine",
   "tailwindCSS.classAttributes": [
     "class",
     "ui"

wp-content/themes/moonshine/app/components/site/SiteFooterCopyright.vue

@@ -1,5 +1,10 @@
+<script setup lang="ts">
+const { data } = await useGraphQLQuery("GeneralSettings", undefined, { cache: { ttl: 0 } });
+</script>
+
 <template>
   <div>
     © {{ new Date().getFullYear() }}
+    <span v-if="data.generalSettings?.title">{{ data.generalSettings.title }}</span>
   </div>
 </template>

wp-content/themes/moonshine/app/graphql/GeneralSettings.query.gql

@@ -0,0 +1,6 @@
+query GeneralSettings {
+  generalSettings {
+    title
+    description
+  }
+}

wp-content/themes/moonshine/graphql.config.json

@@ -0,0 +1,4 @@
+{
+  "schema": "./server/graphql/schema.graphql",
+  "documents": "**/*.gql"
+}

wp-content/themes/moonshine/nuxt.config.ts

@@ -2,6 +2,7 @@
 export default defineNuxtConfig({
 
   modules: [
+    "@lewebsimple/nuxt-graphql",
     "@nuxt/eslint",
     "@nuxt/ui",
   ],
@@ -20,13 +21,6 @@ export default defineNuxtConfig({
     colorMode: false,
   },
 
-  devServer: {
-    https: {
-      key: process.env.LOCAL_HTTPS_KEY,
-      cert: process.env.LOCAL_HTTPS_CERT,
-    },
-  },
-
   compatibilityDate: "2026-01-01",
 
   eslint: {
@@ -40,4 +34,14 @@ export default defineNuxtConfig({
       },
     },
   },
+
+  graphql: {
+    schemas: {
+      wp: {
+        type: "remote",
+        url: `${process.env.NUXT_WP_URL || "https://wp-headless.ledevsimple.ca"}/graphql`,
+      },
+    },
+    saveSdl: "server/graphql/schema.graphql",
+  },
 });

wp-content/themes/moonshine/package.json

@@ -16,6 +16,7 @@
   },
   "dependencies": {
     "@iconify-json/lucide": "^1.2.84",
+    "@lewebsimple/nuxt-graphql": "^0.3.4",
     "@nuxt/ui": "4.3.0",
     "nuxt": "^4.2.2",
     "tailwindcss": "^4.1.18",