@lewebsimple/nuxt-graphql 0.7.13 → 0.7.15

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "nuxt-graphql",
   "configKey": "graphql",
-  "version": "0.7.13",
+  "version": "0.7.15",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "unknown"

package/dist/module.mjs

@@ -16,7 +16,7 @@ import zodPreset from '@lewebsimple/graphql-codegen-zod';
 import { createRequire } from 'node:module';
 import { resolveCacheConfig } from '../dist/runtime/app/lib/cache-config.js';
 
-const version = "0.7.13";
+const version = "0.7.15";
 
 const buildCache = /* @__PURE__ */ new Map();
 function getCachedLoader(baseKey, loader) {
@@ -215,7 +215,7 @@ async function generateRegistryArtifacts({
     },
     pluginMap: {},
     plugins: [],
-    presetConfig: {}
+    presetConfig: { documentsTypes: false }
   });
   if (!documents.length) {
     return {

package/dist/runtime/app/composables/useAsyncGraphQLQuery.js

@@ -1,7 +1,6 @@
 import {
   useAsyncData,
   useNuxtApp,
-  useNuxtData,
   useRuntimeConfig
 } from "#app";
 import { computed, toValue } from "vue";
@@ -17,7 +16,8 @@ import {
 import { resolveCacheConfig } from "../lib/cache-config.js";
 import { setPersistedEntry } from "../lib/persisted.js";
 export function useAsyncGraphQLQuery(operationName, variables, options) {
-  const { $executeOperation } = useNuxtApp();
+  const nuxtApp = useNuxtApp();
+  const { $executeOperation } = nuxtApp;
   const { transform, cache, scope = "global", ...asyncOptions } = options ?? {};
   const { graphql } = useRuntimeConfig().public;
   const cacheConfig = resolveCacheConfig(graphql.cacheConfig, cache);
@@ -25,7 +25,16 @@ export function useAsyncGraphQLQuery(operationName, variables, options) {
   const cacheKey = computed(
     () => getCacheKey(cacheConfig, scope, operationName, resolvedVariables.value)
   );
-  const nuxtData = useNuxtData(cacheKey.value);
+  const payloadData = nuxtApp.payload.data;
+  const asyncDataByKey = nuxtApp._asyncData;
+  function readCached(key) {
+    return payloadData[key];
+  }
+  function writeCached(key, value) {
+    payloadData[key] = value;
+    const entry = asyncDataByKey?.[key];
+    if (entry) entry.data.value = value;
+  }
   async function fetchAndCache() {
     const key = cacheKey.value;
     return getOrCreatePromise(
@@ -40,7 +49,7 @@ export function useAsyncGraphQLQuery(operationName, variables, options) {
         if (cacheConfig.ttl != null) {
           setPersistedEntry(key, value, cacheConfig.ttl);
         }
-        nuxtData.data.value = value;
+        writeCached(key, value);
         return value;
       },
       cacheConfig.ttl
@@ -49,7 +58,7 @@ export function useAsyncGraphQLQuery(operationName, variables, options) {
   async function handler() {
     const key = cacheKey.value;
     const meta = getCacheMeta(key);
-    const cached = nuxtData.data.value;
+    const cached = readCached(key);
     const isCacheValid = cached !== void 0 && !shouldBypassCache(key, meta?.createdAt) && !isExpired(meta);
     switch (cacheConfig.policy) {
       case "no-cache":

package/dist/runtime/app/composables/useGraphQLLoadMore.d.ts

@@ -16,11 +16,11 @@ type Connection<TItem> = {
  * @returns An object containing the items, loading state, error state, and pagination functions.
  */
 export declare function useGraphQLLoadMore<TName extends QueryName, TConnection extends Connection<unknown>>(operationName: TName, variables: MaybeRefOrGetter<Omit<VariablesOf<TName>, "after">>, getConnection: (data?: ResultOf<TName>) => TConnection | null | undefined): Promise<{
-    items: import("vue").ShallowRef<TConnection["nodes"][number][], TConnection["nodes"][number][]>;
-    pending: import("vue").Ref<boolean, boolean>;
-    error: import("vue").Ref<import("../../shared/utils/error.js").NormalizedError | undefined, import("../../shared/utils/error.js").NormalizedError | undefined>;
-    hasNextPage: import("vue").ComputedRef<boolean>;
-    isLoadingMore: import("vue").Ref<boolean, boolean>;
+    items: any;
+    pending: any;
+    error: any;
+    hasNextPage: any;
+    isLoadingMore: any;
     loadMore: () => void;
     reset: () => void;
 }>;

package/dist/runtime/app/composables/useGraphQLMutation.d.ts

@@ -50,6 +50,6 @@ export type MutationHooks<TName extends MutationName, TContext = unknown> = {
  * @returns Mutation executor and pending state.
  */
 export declare function useGraphQLMutation<TName extends MutationName, TContext = unknown>(operationName: TName, hooks?: MutationHooks<TName, TContext>): {
-    pending: import("vue").ComputedRef<boolean>;
-    mutate: (variables: VariablesInputOf<TName>) => Promise<ExecuteGraphQLResult<TName>>;
+    pending: any;
+    mutate: (variables: VariablesInputOf<TName>) => Promise<any>;
 };

package/dist/runtime/app/plugins/graphql-sse.client.d.ts

@@ -4,11 +4,7 @@ import { type Client as SSEClient } from "graphql-sse";
  *
  * @returns Nuxt plugin with SSE client provider.
  */
-declare const _default: import("#app").Plugin<{
-    getGraphQLSSEClient: () => SSEClient;
-}> & import("#app").ObjectPlugin<{
-    getGraphQLSSEClient: () => SSEClient;
-}>;
+declare const _default: any;
 export default _default;
 declare module "#app/nuxt" {
     interface NuxtApp {

package/dist/runtime/app/plugins/graphql.d.ts

@@ -5,11 +5,7 @@ import type { OperationName } from "../../shared/utils/registry.js";
  *
  * @returns Nuxt plugin with GraphQL operation executor.
  */
-declare const _default: import("#app").Plugin<{
-    executeOperation: <TName extends OperationName>(input: ExecuteGraphQLInput<TName>) => Promise<ExecuteGraphQLResult<TName>>;
-}> & import("#app").ObjectPlugin<{
-    executeOperation: <TName extends OperationName>(input: ExecuteGraphQLInput<TName>) => Promise<ExecuteGraphQLResult<TName>>;
-}>;
+declare const _default: any;
 export default _default;
 type ExecuteGraphQL = <TName extends OperationName>(input: ExecuteGraphQLInput<TName>) => Promise<ExecuteGraphQLResult<TName>>;
 declare module "#app/nuxt" {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lewebsimple/nuxt-graphql",
-  "version": "0.7.13",
+  "version": "0.7.15",
   "description": "Opinionated Nuxt module for using GraphQL",
   "license": "AGPL-3.0-only",
   "repository": "lewebsimple/nuxt-graphql",
@@ -26,21 +26,21 @@
     }
   },
   "dependencies": {
-    "@graphql-codegen/core": "^5.0.2",
+    "@graphql-codegen/core": "^6.1.0",
     "@graphql-codegen/typed-document-node": "6.1.6",
-    "@graphql-codegen/typescript": "^5.0.10",
-    "@graphql-codegen/typescript-operations": "^5.1.0",
+    "@graphql-codegen/typescript": "^6.0.2",
+    "@graphql-codegen/typescript-operations": "^6.0.4",
     "@graphql-tools/code-file-loader": "^8.1.32",
     "@graphql-tools/graphql-file-loader": "^8.1.14",
     "@graphql-tools/load": "^8.1.10",
     "@graphql-tools/schema": "^10.0.33",
-    "@graphql-tools/stitch": "^10.1.19",
+    "@graphql-tools/stitch": "^10.1.22",
     "@graphql-typed-document-node/core": "^3.2.0",
-    "@nuxt/kit": "^4.4.6",
+    "@nuxt/kit": "^4.4.8",
     "defu": "^6.1.7",
-    "es-toolkit": "^1.47.0",
+    "es-toolkit": "^1.47.1",
     "graphql-sse": "^2.6.0",
-    "graphql-yoga": "^5.21.0",
+    "graphql-yoga": "^5.21.2",
     "jiti": "^2.7.0",
     "ohash": "^2.0.11",
     "picocolors": "^1.1.1",
@@ -48,21 +48,21 @@
   },
   "devDependencies": {
     "@graphql-codegen/plugin-helpers": "^7.0.1",
-    "@lewebsimple/graphql-codegen-zod": "^0.3.0",
+    "@lewebsimple/graphql-codegen-zod": "^0.3.3",
     "@nuxt/devtools": "^3.2.4",
     "@nuxt/module-builder": "^1.0.2",
-    "@nuxt/schema": "^4.4.6",
+    "@nuxt/schema": "^4.4.8",
     "@nuxt/test-utils": "^4.0.3",
     "@types/node": "latest",
     "@types/picomatch": "^4.0.3",
     "changelogen": "^0.6.2",
-    "graphql": "^16.14.0",
-    "nuxt": "^4.4.6",
-    "oxfmt": "^0.51.0",
-    "oxlint": "^1.66.0",
+    "graphql": "^16.14.2",
+    "nuxt": "^4.4.8",
+    "oxfmt": "^0.55.0",
+    "oxlint": "^1.70.0",
     "typescript": "^6.0.3",
-    "vitest": "^4.1.7",
-    "vue-tsc": "^3.3.2",
+    "vitest": "^4.1.9",
+    "vue-tsc": "^3.3.5",
     "zod": "^4.4.3"
   },
   "peerDependencies": {