chore(release): v0.1.8

.gitea/workflows/deploy.yaml

@@ -0,0 +1,56 @@
+name: Deployment
+run-name: ${{ gitea.actor }} deploying ${{ gitea.repository.name }}
+on: [push]
+
+env:
+  NUXT_PROJECT_PATH: wp-content/themes/moonshine
+  PNPM_STORE_DIR: /cache/wp-scripts/pnpm
+
+jobs:
+  
+  wordpress:
+    runs-on: ubuntu-websimple
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      - name: Install WordPress scripts
+        env:
+          TEMPLATES_REPO_TOKEN: ${{ secrets.TEMPLATES_REPO_TOKEN }}
+        run: |
+          git clone https://$TEMPLATES_REPO_TOKEN@gitea.websimple.com/templates/wp-scripts.git /tmp/wp-scripts
+
+      - name: Run deployment script
+        env:
+          REMOTE_HOST: ${{ vars.REMOTE_HOST }}
+          REMOTE_PORT: ${{ vars.REMOTE_PORT }}
+          REMOTE_USER: ${{ vars.REMOTE_USER }}
+          REMOTE_PATH: ${{ vars.REMOTE_PATH }}
+          SSH_PRIVATE_KEY: ${{ secrets.SSH_PRIVATE_KEY }}
+        run: /tmp/wp-scripts/wp-deploy.sh --skip-node
+
+  nuxt:
+    runs-on: ubuntu-websimple
+    defaults:
+      run:
+        working-directory: ${{ env.NUXT_PROJECT_PATH }}
+    env:
+      NUXT_SITE_ENV: ${{ vars.NUXT_SITE_ENV }}
+      NUXT_SITE_URL: ${{ vars.NUXT_SITE_URL }}
+      NUXT_WP_URL: ${{ vars.NUXT_WP_URL }}
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      - name: Install Node.js dependencies
+        run: pnpm install --frozen-lockfile --store-dir $PNPM_STORE_DIR
+          
+      - name: Build Nuxt project
+        run: pnpm build
+
+      - name: Deploy to Cloudflare Workers
+        run: pnpm wrangler deploy
+        env:
+          CLOUDFLARE_ACCOUNT_ID: ${{ vars.CLOUDFLARE_ACCOUNT_ID }}
+          CLOUDFLARE_API_TOKEN: ${{ secrets.CLOUDFLARE_API_TOKEN }}

composer.lock

@@ -438,15 +438,15 @@
         },
         {
             "name": "wpackagist-plugin/wp-graphql",
-            "version": "2.6.0",
+            "version": "2.7.0",
             "source": {
                 "type": "svn",
                 "url": "https://plugins.svn.wordpress.org/wp-graphql/",
-                "reference": "tags/2.6.0"
+                "reference": "tags/2.7.0"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://downloads.wordpress.org/plugin/wp-graphql.2.6.0.zip"
+                "url": "https://downloads.wordpress.org/plugin/wp-graphql.2.7.0.zip"
             },
             "require": {
                 "composer/installers": "^1.0 || ^2.0"

wp-content/mu-plugins/headless-home-url.php

@@ -0,0 +1,20 @@
+<?php
+
+// Customize home URL for headless WordPress
+add_filter( 'home_url', 'headless_home_url', 10, 4 );
+function headless_home_url( $url, $path, $orig_scheme, $blog_id ) {
+	// Exclude specific patterns from rewriting
+	$excluded_patterns = array(
+		'#/wp-json(/|$)#i', // WP REST API
+		'#\.(xsl|xml)$#i',  // Sitemap and XSLT files
+	);
+	foreach ( $excluded_patterns as $pattern ) {
+		if ( preg_match( $pattern, $url ) ) {
+			return get_site_url( $blog_id, $path, $orig_scheme );
+		}
+	}
+
+	// Rewrite URL protocol to match original home scheme
+	$scheme = wp_parse_url( get_option( 'home' ) )['scheme'] ?? 'https';
+	return preg_replace( '#^https:#i', "$scheme:", $url );
+}

wp-content/themes/moonshine/.gitignore

@@ -22,3 +22,6 @@ logs
 .env
 .env.*
 !.env.example
+
+# Wrangler files
+.wrangler

wp-content/themes/moonshine/CHANGELOG.md

@@ -1,5 +1,33 @@
 # Changelog
 
+## v0.1.8
+
+[compare changes](https://gitea.websimple.com/templates/wp-headless/compare/v0.1.7...v0.1.8)
+
+### 🚀 Enhancements
+
+- UseResponsive with device detection on SSR (c82bf47)
+- Graphql cache keyPrefix from package.json version (b1b1aa4)
+- All of wrangler config in nuxt.config.ts (21a7036)
+- Configure nuxt-svgo module (5f9c29c)
+
+### 🩹 Fixes
+
+- Headless_home_url needs to be in mu-plugins (51f594b)
+- Use public wpUrl runtime config for auth refresh token mutation (2c86905)
+- Term_order and default WPGraphQL settings (a27e6af)
+- Update nuxt-graphql and extractNodes typing (maybe => undefined instead of null) (27f4f73)
+
+## v0.1.7
+
+[compare changes](https://gitea.websimple.com/templates/wp-headless/compare/v0.1.6...v0.1.7)
+
+### 🚀 Enhancements
+
+- Configure sitemap URL in robots.txt (63f8e44)
+- Deploy to Cloudflare workers (c6dfbeb)
+- Display theme version in admin footer (b886585)
+
 ## v0.1.6
 
 [compare changes](https://gitea.websimple.com/templates/wp-headless/compare/v0.1.5...v0.1.6)

wp-content/themes/moonshine/README.md

@@ -2,7 +2,7 @@
 
 Thème WordPress en headless basé sur Nuxt.
 
-## Varaibles d'environnement
+## Variables d'environnement
 
 | Nom | Description | Exemple | Requise |
 |-----|-------------|---------|---------|

wp-content/themes/moonshine/app/composables/useReponsive.ts

@@ -0,0 +1,9 @@
+import { breakpointsTailwind, useBreakpoints } from "@vueuse/core";
+
+export function useResponsive() {
+  const { isMobileOrTablet } = useDevice();
+  const breakpoints = useBreakpoints(breakpointsTailwind, { ssrWidth: isMobileOrTablet ? 375 : 1024 });
+  const isDesktop = breakpoints.greaterOrEqual("lg");
+
+  return { breakpoints, isDesktop };
+}

wp-content/themes/moonshine/app/pages/[...uri].vue

@@ -2,7 +2,7 @@
 // Resolve Node component from URI
 const { path: uri } = useRoute();
 const { data } = await useAsyncGraphQLQuery("NodeByUri", { uri });
-if (!data.value.nodeByUri) {
+if (!data.value?.nodeByUri) {
   throw createError({ statusCode: 404, message: `La page demandée est introuvable: ${uri}`, fatal: true });
 }
 const componentName = `Node${data.value.nodeByUri.__typename}`;
@@ -14,8 +14,7 @@ useNodeSeo(data.value.nodeByUri);
 </script>
 
 <template>
-  <div v-if="data.nodeByUri" id="page-node-from-uri">
+  <div v-if="data?.nodeByUri" id="page-node-from-uri">
     <Component :is="componentName" v-bind="data.nodeByUri" />
-    <pre>{{ data.nodeByUri }}</pre>
   </div>
 </template>

wp-content/themes/moonshine/functions.php

@@ -5,4 +5,9 @@ require_once __DIR__ . '/includes/core/theme-setup.php';
 
 // Vendors
 require_once __DIR__ . '/includes/vendors/acf.php';
+require_once __DIR__ . '/includes/vendors/rankmath.php';
 require_once __DIR__ . '/includes/vendors/tinymce.php';
+require_once __DIR__ . '/includes/vendors/wpgraphql.php';
+
+// WPGraphQL
+require_once __DIR__ . '/includes/wpgraphql/term-connection.php';

wp-content/themes/moonshine/includes/core/theme-setup.php

@@ -17,17 +17,11 @@ function moonshine_after_setup_theme() {
 	// Register sidebars
 }
 
-// Bypass headless home URL for specific cases
-add_filter( 'home_url', 'moonshine_bypass_home_url', 10, 4 );
-function moonshine_bypass_home_url( $url, $path, $orig_scheme, $blog_id ) {
-	$excluded_patterns = array(
-		'#/wp-json(/|$)#i', // WP REST API
-		'#\.(xsl|xml)$#i', // Sitemap and XSLT files
-	);
-	foreach ( $excluded_patterns as $pattern ) {
-		if ( preg_match( $pattern, $url ) ) {
-			return get_site_url( $blog_id, $path, $orig_scheme );
-		}
-	}
-	return $url;
+// Display theme version in admin footer
+add_filter( 'update_footer', 'moonshine_update_footer', 100 );
+function moonshine_update_footer() {
+	$package_json = json_decode( file_get_contents( get_theme_file_path( 'package.json' ) ), true );
+	$name         = $package_json['name'] ?? 'moonshine';
+	$version      = $package_json['version'] ?? '(unknown)';
+	return sprintf( '%s v%s', esc_html( $name ), esc_html( $version ) );
 }

wp-content/themes/moonshine/includes/vendors/rankmath.php

@@ -0,0 +1 @@
+<?php

wp-content/themes/moonshine/includes/vendors/wpgraphql.php

@@ -0,0 +1,17 @@
+<?php
+
+// Default WPGraphQL settings
+add_filter( 'graphql_get_setting_section_field_value', 'moonshine_wpgraphql_settings', 10, 5 );
+function moonshine_wpgraphql_settings( $value, $default_value, $option_name, $section_fields, $section_name ) {
+	if ( $section_name === 'graphql_general_settings' ) {
+		switch ( $option_name ) {
+			case 'graphql_endpoint':
+				$value = 'graphql';
+				break;
+			case "public_introspection_enabled":
+					$value = "on";
+				break;
+		}
+	}
+	return $value;
+}

wp-content/themes/moonshine/includes/wpgraphql/term-connection.php

@@ -0,0 +1,13 @@
+<?php
+
+// Override TermConnection query args
+add_filter( 'graphql_term_object_connection_query_args', 'moonshine_graphql_term_object_connection_query_args', 10, 3 );
+function moonshine_graphql_term_object_connection_query_args( $query_args, $source, $args ) {
+	// Sort by 'order' meta value instead of legacy 'term_order' field
+	if ( 'term_order' === $args['where']['orderby'] ?? false ) {
+		$query_args['meta_key'] = 'order';
+		$query_args['orderby']  = 'meta_value_num';
+	}
+
+	return $query_args;
+}

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

@@ -1,3 +1,15 @@
+import { version } from "./package.json";
+
+const siteUrl = process.env.NUXT_SITE_URL;
+if (!siteUrl) {
+  throw new Error(`NUXT_SITE_URL is not defined. Make sure to set it in your build environment variables.`);
+}
+
+const wpUrl = process.env.NUXT_WP_URL;
+if (!wpUrl) {
+  throw new Error(`NUXT_WP_URL is not defined. Make sure to set it in your build environment variables.`);
+}
+
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
 
@@ -5,8 +17,10 @@ export default defineNuxtConfig({
     "@lewebsimple/nuxt-graphql",
     "@nuxt/eslint",
     "@nuxt/ui",
+    "@nuxtjs/device",
     "@nuxtjs/seo",
     "nuxt-auth-utils",
+    "nuxt-svgo",
   ],
 
   components: {
@@ -20,7 +34,7 @@ export default defineNuxtConfig({
   css: ["~/assets/css/_main.css"],
 
   site: {
-    url: process.env.NUXT_SITE_URL || undefined,
+    url: siteUrl,
     name: "WP Headless",
     defaultLocale: "fr",
   },
@@ -29,8 +43,40 @@ export default defineNuxtConfig({
     colorMode: false,
   },
 
+  runtimeConfig: {
+    wpUrl,
+  },
+
   compatibilityDate: "2026-01-01",
 
+  nitro: {
+    preset: "cloudflare_module",
+    cloudflare: {
+      deployConfig: true,
+      nodeCompat: true,
+      wrangler: {
+        // Project name
+        name: "moonshine",
+        // Cloudflare Workers settings
+        compatibility_date: "2026-01-27",
+        main: "./.output/server/index.mjs",
+        observability: { enabled: true },
+        preview_urls: false,
+        // Environment variables
+        vars: {
+          NODE_ENV: "staging",
+          NUXT_SITE_URL: siteUrl,
+          NUXT_WP_URL: wpUrl,
+        },
+        // Bindings
+        assets: {
+          binding: "ASSETS",
+          directory: "./.output/public/",
+        },
+      },
+    },
+  },
+
   eslint: {
     config: {
       stylistic: {
@@ -44,22 +90,29 @@ export default defineNuxtConfig({
   },
 
   graphql: {
-    server: {
-      context: ["~~/server/graphql/context"],
-      schema: {
-        wp: {
-          type: "remote",
-          endpoint: `${process.env.NUXT_WP_URL}/graphql`,
-          hooks: ["~~/server/graphql/wp-hooks"],
+    client: {
+      cache: {
+        keyVersion: version,
       },
     },
+    server: {
+      context: ["server/graphql/context"],
+      schema: {
+        wp: { type: "remote", endpoint: `${wpUrl}/graphql`, hooks: ["server/graphql/wp-hooks"] },
+      },
     },
   },
 
   robots: {
-    sitemap: `${process.env.NUXT_WP_URL}/sitemap_index.xml`,
+    sitemap: `${wpUrl}/sitemap_index.xml`,
   },
 
   sitemap: false,
 
+  svgo: {
+    autoImportPath: "~/assets/svg/",
+    componentPrefix: "Svg",
+    defaultImport: "component",
+  },
+
 });

wp-content/themes/moonshine/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@lewebsimple/moonshine",
   "description": "Headless WordPress theme based on Nuxt.",
-  "version": "0.1.6",
+  "version": "0.1.8",
   "type": "module",
   "private": true,
   "scripts": {
@@ -9,20 +9,21 @@
     "editor-style": "pnpx @tailwindcss/cli -i ./app/assets/css/_main.css -o ./editor-style.css --minify",
     "dev": "nuxt dev",
     "lint": "eslint --fix .",
-    "postinstall": "pnpm --sequential /postinstall:.*/",
-    "postinstall:nuxt": "nuxt prepare",
-    "preview": "nuxt preview",
+    "postinstall": "nuxt prepare",
+    "preview": "pnpm run build && wrangler dev --port 3000",
     "release": "pnpm lint && changelogen --noAuthors --release --push",
     "typecheck": "nuxt typecheck"
   },
   "dependencies": {
     "@iconify-json/lucide": "^1.2.87",
-    "@lewebsimple/nuxt-graphql": "^0.5.13",
+    "@lewebsimple/nuxt-graphql": "^0.6.6",
     "@nuxt/ui": "4.3.0",
-    "@nuxtjs/seo": "^3.3.0",
+    "@nuxtjs/device": "4.0.0",
+    "@nuxtjs/seo": "^3.4.0",
     "jwt-decode": "^4.0.0",
     "nuxt": "^4.3.0",
-    "nuxt-auth-utils": "^0.5.27",
+    "nuxt-auth-utils": "^0.5.28",
+    "nuxt-svgo": "^4.2.6",
     "tailwindcss": "^4.1.18",
     "vue": "^3.5.27",
     "vue-router": "^4.6.4",
@@ -33,13 +34,22 @@
     "changelogen": "^0.6.2",
     "eslint": "^9.39.2",
     "typescript": "^5.9.3",
-    "vue-tsc": "^3.2.4"
+    "vue-tsc": "^3.2.4",
+    "wrangler": "^4.61.0"
   },
   "pnpm": {
     "overrides": {
       "@tiptap/core": "3.14.0",
       "@tiptap/pm": "3.14.0"
-    }
+    },
+    "onlyBuiltDependencies": [
+      "@parcel/watcher",
+      "esbuild",
+      "sharp",
+      "unrs-resolver",
+      "vue-demi",
+      "workerd"
+    ]
   },
   "changelog": {
     "types": {

wp-content/themes/moonshine/pnpm-workspace.yaml

@@ -1,5 +0,0 @@
-onlyBuiltDependencies:
-  - '@parcel/watcher'
-  - esbuild
-  - unrs-resolver
-  - vue-demi

wp-content/themes/moonshine/server/api/login.post.ts

@@ -1,7 +1,7 @@
 export default defineEventHandler(async (event) => {
   try {
     const variables = await readBody<AuthLoginForm>(event);
-    const { data } = await useServerGraphQLMutation(event, "AuthLogin", variables);
+    const { data } = await useGraphQLOperation(event, "AuthLogin", variables);
     if (!data?.login) {
       throw new Error("INVALID_LOGIN");
     }

wp-content/themes/moonshine/server/graphql/schema.graphql

@@ -3250,6 +3250,19 @@ type GeneralSettings {
   """Code local de l’installation WordPress."""
   language: String
 
+  """
+  The media item representing the site icon configured in site settings, used as the site's favicon and app icon.
+  """
+  siteIcon: GeneralSettingsToMediaItemConnectionEdge
+
+  """
+  Site icon URL configured in site settings, used as the site's favicon and app icon.
+  """
+  siteIconUrl(
+    """Size of the site icon in pixels. Defaults to 512. Max 512."""
+    size: Int
+  ): String
+
   """
   Le numéro du jour de la semaine à laquelle la semaine devrait commencer.
   """
@@ -3268,6 +3281,17 @@ type GeneralSettings {
   url: String
 }
 
+"""Connection between the GeneralSettings type and the MediaItem type"""
+type GeneralSettingsToMediaItemConnectionEdge implements Edge & MediaItemConnectionEdge & OneToOneConnection {
+  """
+  Opaque reference to the nodes position in the connection. Value can be used with pagination args.
+  """
+  cursor: String
+
+  """The node of the connection, without the edges"""
+  node: MediaItem!
+}
+
 """The Login client options for the github provider."""
 type GithubClientOptions implements LoginClientOptions {
   """The client ID."""
@@ -9478,6 +9502,18 @@ type RankMathAuthorArchiveMetaSettings implements RankMathMetaSettingWithArchive
   robotsMeta: [RankMathRobotsMetaValueEnum]
 }
 
+"""The Breadcrumb trail."""
+type RankMathBreadcrumbs {
+  """Whether the given breadcrumb is hidden from the schema"""
+  isHidden: Boolean
+
+  """The text for the given breadcrumb"""
+  text: String
+
+  """The url for the given breadcrumb"""
+  url: String
+}
+
 """The RankMath SEO breadcrumbs settings."""
 type RankMathBreadcrumbsConfig {
   """Format the label used for archive pages."""
@@ -9533,6 +9569,9 @@ type RankMathCategoryTermSeo implements RankMathSeo {
   """The title to use in the breadcrumbs for this post"""
   breadcrumbTitle: String
 
+  """The breadcrumbs trail for the given object"""
+  breadcrumbs: [RankMathBreadcrumbs]
+
   """The canonical url."""
   canonicalUrl: String
 
@@ -9563,6 +9602,9 @@ interface RankMathContentNodeSeo implements RankMathSeo {
   """The title to use in the breadcrumbs for this post"""
   breadcrumbTitle: String
 
+  """The breadcrumbs trail for the given object"""
+  breadcrumbs: [RankMathBreadcrumbs]
+
   """The canonical url."""
   canonicalUrl: String
 
@@ -9825,6 +9867,9 @@ type RankMathMediaItemObjectSeo implements RankMathContentNodeSeo & RankMathSeo
   """The title to use in the breadcrumbs for this post"""
   breadcrumbTitle: String
 
+  """The breadcrumbs trail for the given object"""
+  breadcrumbs: [RankMathBreadcrumbs]
+
   """The canonical url."""
   canonicalUrl: String
 
@@ -9861,6 +9906,9 @@ type RankMathMediaItemTypeSeo implements RankMathSeo {
   """The title to use in the breadcrumbs for this post"""
   breadcrumbTitle: String
 
+  """The breadcrumbs trail for the given object"""
+  breadcrumbs: [RankMathBreadcrumbs]
+
   """The canonical url."""
   canonicalUrl: String
 
@@ -10602,6 +10650,9 @@ type RankMathPageObjectSeo implements RankMathContentNodeSeo & RankMathSeo {
   """The title to use in the breadcrumbs for this post"""
   breadcrumbTitle: String
 
+  """The breadcrumbs trail for the given object"""
+  breadcrumbs: [RankMathBreadcrumbs]
+
   """The canonical url."""
   canonicalUrl: String
 
@@ -10638,6 +10689,9 @@ type RankMathPageTypeSeo implements RankMathSeo {
   """The title to use in the breadcrumbs for this post"""
   breadcrumbTitle: String
 
+  """The breadcrumbs trail for the given object"""
+  breadcrumbs: [RankMathBreadcrumbs]
+
   """The canonical url."""
   canonicalUrl: String
 
@@ -10668,6 +10722,9 @@ type RankMathPostFormatTermSeo implements RankMathSeo {
   """The title to use in the breadcrumbs for this post"""
   breadcrumbTitle: String
 
+  """The breadcrumbs trail for the given object"""
+  breadcrumbs: [RankMathBreadcrumbs]
+
   """The canonical url."""
   canonicalUrl: String
 
@@ -10698,6 +10755,9 @@ type RankMathPostObjectSeo implements RankMathContentNodeSeo & RankMathSeo {
   """The title to use in the breadcrumbs for this post"""
   breadcrumbTitle: String
 
+  """The breadcrumbs trail for the given object"""
+  breadcrumbs: [RankMathBreadcrumbs]
+
   """The canonical url."""
   canonicalUrl: String
 
@@ -10734,6 +10794,9 @@ type RankMathPostTypeSeo implements RankMathSeo {
   """The title to use in the breadcrumbs for this post"""
   breadcrumbTitle: String
 
+  """The breadcrumbs trail for the given object"""
+  breadcrumbs: [RankMathBreadcrumbs]
+
   """The canonical url."""
   canonicalUrl: String
 
@@ -10806,6 +10869,9 @@ interface RankMathSeo {
   """The title to use in the breadcrumbs for this post"""
   breadcrumbTitle: String
 
+  """The breadcrumbs trail for the given object"""
+  breadcrumbs: [RankMathBreadcrumbs]
+
   """The canonical url."""
   canonicalUrl: String
 
@@ -11253,6 +11319,9 @@ type RankMathTagTermSeo implements RankMathSeo {
   """The title to use in the breadcrumbs for this post"""
   breadcrumbTitle: String
 
+  """The breadcrumbs trail for the given object"""
+  breadcrumbs: [RankMathBreadcrumbs]
+
   """The canonical url."""
   canonicalUrl: String
 
@@ -11313,6 +11382,9 @@ type RankMathUserSeo implements RankMathSeo {
   """The title to use in the breadcrumbs for this post"""
   breadcrumbTitle: String
 
+  """The breadcrumbs trail for the given object"""
+  breadcrumbs: [RankMathBreadcrumbs]
+
   """The canonical url."""
   canonicalUrl: String
 
@@ -15551,9 +15623,6 @@ enum UserRoleEnum {
 
   """User role with specific capabilities"""
   SUBSCRIBER
-
-  """User role with specific capabilities"""
-  TRANSLATOR
 }
 
 """Connection between the User type and the Comment type"""

wp-content/themes/moonshine/server/graphql/wp-hooks.ts

@@ -1,11 +1,10 @@
+import { defu } from "defu";
+
 export default defineRemoteExecutorHooks({
   onRequest(request) {
-    if (request.context.authToken) {
-      request.extensions ??= {};
-      request.extensions.headers = {
-        ...request.extensions.headers,
-        Authorization: `Bearer ${request.context.authToken}`,
-      };
+    // Attach the Authorization header if an authToken is present in the context
+    if (request.context?.authToken) {
+      request.extensions = defu(request.extensions, { headers: { Authorization: `Bearer ${request.context.authToken}` } });
     }
   },
 });

wp-content/themes/moonshine/server/utils/auth.ts

@@ -1,9 +1,9 @@
 import type { H3Event } from "h3";
-import { GraphQLClient } from "graphql-request";
 import { jwtDecode } from "jwt-decode";
 import type { User } from "#auth-utils";
 import type { AuthUserFragment, AuthLoginMutationResult } from "#graphql/operations";
 import { AuthRefreshTokenDocument } from "#graphql/operations";
+import type { ResultOf } from "#graphql/registry";
 
 // Handle login result and store user session
 export async function handleLogin(event: H3Event, loginResult: AuthLoginMutationResult) {
@@ -42,9 +42,13 @@ function getAuthUser(user: AuthUserFragment): User {
 
 // Refresh auth token by calling remote GraphQL endpoint directly
 export async function refreshAuthToken(refreshToken: string): Promise<string | undefined> {
-  const client = new GraphQLClient(`${process.env.NUXT_WP_URL || "https://wp-headless.ledevsimple.ca"}/graphql`);
-  const data = await client.request(AuthRefreshTokenDocument, { refreshToken });
-  return data.refreshToken?.authToken || undefined;
+  const { public: { wpUrl } } = useRuntimeConfig();
+  const endpoint = `${wpUrl}/graphql`;
+  const { data } = await executeGraphQLHTTP<ResultOf<"AuthRefreshToken">>({
+    query: AuthRefreshTokenDocument,
+    variables: { refreshToken },
+  }, { endpoint });
+  return data?.refreshToken?.authToken || undefined;
 }
 
 // Get auth token from user session (refresh if needed)

wp-content/themes/moonshine/shared/utils/graphql.ts

@@ -1,4 +1,4 @@
 // Helper: Extracts nodes from a GraphQL connection object, returning an empty array if nodes are absent.
-export function extractNodes<T>(connection: { nodes?: readonly T[] } | null | undefined): readonly T[] {
+export function extractNodes<T>(connection: { nodes?: T[] } | undefined): T[] {
   return connection?.nodes ?? [];
 }

wp-content/themes/moonshine/style.css

@@ -3,7 +3,6 @@ Theme Name:  Moonshine
 Author:      Pascal Martineau <pascal@lewebsimple.ca>
 Author URI:  https://websimple.com/
 Description: Headless WordPress theme based on Nuxt.
-Version:     0.1.0
 Text Domain: moonshine
 Template:    kaliroots
 */