fix: type issue with NodePage

wp-content/themes/moonshine/app/components/builder/BuilderSections.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { BuilderSectionsFragment } from "#graphql/fragments";
+import type { BuilderSectionsFragment } from "#graphql/operations";
 
 const props = defineProps<BuilderSectionsFragment>();
 const sections = computed(() => {

wp-content/themes/moonshine/app/components/builder/LayoutContained.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { LayoutContainedFragment } from "#graphql/fragments";
+import type { LayoutContainedFragment } from "#graphql/operations";
 import { tv, type VariantProps } from "tailwind-variants";
 
 const props = defineProps<LayoutContainedFragment>();

wp-content/themes/moonshine/app/components/nodes/NodePage.global.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { NodePageFragment } from "#graphql/fragments";
+import type { NodePageFragment } from "#graphql/operations";
 
 defineProps<NodePageFragment>();
 </script>
@@ -9,6 +9,6 @@ defineProps<NodePageFragment>();
     <h1 v-if="!isFrontPage" class="font-bold text-4xl">
       {{ title }}
     </h1>
-    <BuilderSections v-bind="groupPostPage" />
+    <BuilderSections :sections="groupPostPage?.sections || []" />
   </div>
 </template>

wp-content/themes/moonshine/app/components/sections/SectionTextBlock.global.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { SectionTextBlockFragment } from "#graphql/fragments";
+import type { SectionTextBlockFragment } from "#graphql/operations";
 
 defineProps<SectionTextBlockFragment>();
 </script>

wp-content/themes/moonshine/package.json

@@ -17,7 +17,7 @@
   },
   "dependencies": {
     "@iconify-json/lucide": "^1.2.86",
-    "@lewebsimple/nuxt-graphql": "^0.5.2",
+    "@lewebsimple/nuxt-graphql": "^0.5.10",
     "@nuxt/ui": "4.3.0",
     "@nuxtjs/seo": "^3.3.0",
     "jwt-decode": "^4.0.0",

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

@@ -2,15 +2,15 @@ import type { H3Event } from "h3";
 import { GraphQLClient } from "graphql-request";
 import { jwtDecode } from "jwt-decode";
 import type { User } from "#auth-utils";
-import type { AuthUserFragment } from "#graphql/fragments";
+import type { AuthUserFragment, AuthLoginMutationResult } from "#graphql/operations";
-import { AuthRefreshTokenDocument, type AuthLoginResult } from "#graphql/operations";
+import { AuthRefreshTokenDocument } from "#graphql/operations";
 
 // Handle login result and store user session
-export async function handleLogin(event: H3Event, loginData: AuthLoginResult) {
+export async function handleLogin(event: H3Event, loginResult: AuthLoginMutationResult) {
-  if (!loginData?.login) {
+  if (!loginResult?.login) {
     return false;
   }
-  const { user, authToken, refreshToken } = loginData.login;
+  const { user, authToken, refreshToken } = loginResult.login;
   if (!user || !authToken || !refreshToken) {
     return false;
   }

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?: T[] } | null | undefined): T[] {
+export function extractNodes<T>(connection: { nodes?: readonly T[] } | null | undefined): readonly T[] {
-  return connection?.nodes || [] as T[];
+  return connection?.nodes ?? [];
 }