From dfbbda7856869ec684619c194d54e57269d79b17 Mon Sep 17 00:00:00 2001
From: Pascal Martineau <pascal@lewebsimple.ca>
Date: Thu, 26 Mar 2026 11:41:26 -0400
Subject: [PATCH] minor: nuxt.config.ts order

---
 wp-content/themes/headless/nuxt.config.ts | 32 ++++++++++++++---------
 1 file changed, 20 insertions(+), 12 deletions(-)

diff --git a/wp-content/themes/headless/nuxt.config.ts b/wp-content/themes/headless/nuxt.config.ts
index b668885..ea5b97c 100644
--- a/wp-content/themes/headless/nuxt.config.ts
+++ b/wp-content/themes/headless/nuxt.config.ts
@@ -1,3 +1,5 @@
+import { version } from "./package.json";
+
 // WordPress backend URL (required)
 const wpUrl = process.env.NUXT_WP_URL;
 if (!wpUrl) {
@@ -11,19 +13,7 @@ export default defineNuxtConfig({
 
   compatibilityDate: "2026-03-18",
   devtools: { enabled: true },
-  vite: {
-    optimizeDeps: {
-      include: ["@vue/devtools-core", "@vue/devtools-kit", "zod"],
-    },
-  },
 
-  graphql: {
-    server: {
-      schema: [{ type: "remote", endpoint: `${wpUrl}/graphql` }],
-    },
-  },
-
-  ui: { colorMode: false },
   css: ["~/assets/css/_main.css"],
   components: {
     dirs: [
@@ -31,10 +21,28 @@ export default defineNuxtConfig({
       { path: "~/components", pathPrefix: false },
     ],
   },
+  ui: { colorMode: false },
+
+  graphql: {
+    client: {
+      cache: {
+        keyVersion: version,
+      },
+    },
+    server: {
+      schema: [{ type: "remote", endpoint: `${wpUrl}/graphql` }],
+    },
+  },
 
   svgo: {
     autoImportPath: "~/assets/svg/",
     componentPrefix: "Svg",
     defaultImport: "component",
   },
+
+  vite: {
+    optimizeDeps: {
+      include: ["@vue/devtools-core", "@vue/devtools-kit", "zod"],
+    },
+  },
 });