@wpnuxt/core 2.0.0-beta.7 → 2.1.0

package/dist/module.json

@@ -1,9 +1,9 @@
 {
   "name": "@wpnuxt/core",
-  "version": "2.0.0-beta.7",
+  "version": "2.1.0",
   "configKey": "wpNuxt",
   "compatibility": {
-    "nuxt": ">=3.17.0"
+    "nuxt": ">=4.0.0"
   },
   "builder": {
     "@nuxt/module-builder": "1.0.2",

package/dist/module.mjs

@@ -8,7 +8,7 @@ import { parse, GraphQLError, visit, print } from 'graphql';
 import { execSync } from 'node:child_process';
 import { consola } from 'consola';
 
-const version = "2.0.0-beta.7";
+const version = "2.1.0";
 
 function createModuleError(module, message) {
   return new Error(formatErrorMessage(module, message));
@@ -275,7 +275,7 @@ async function prepareContext(ctx) {
     if (!typed) {
       return `export const ${functionName} = (params, options) => useWPContent('${q.name}', [${formatNodes(q.nodes)}], false, params, options)`;
     }
-    return `  export const ${functionName}: (params?: ${q.name}QueryVariables, options?: WPContentOptions) => WPContentResult<${getFragmentType(q)}>`;
+    return `  export const ${functionName}: (params?: MaybeRefOrGetter<${q.name}QueryVariables>, options?: WPContentOptions) => WPContentResult<${getFragmentType(q)}>`;
   };
   const mutationFnExp = (m, typed = false) => {
     const functionName = mutationFnName(m.name);
@@ -321,7 +321,7 @@ async function prepareContext(ctx) {
   ctx.generateDeclarations = () => {
     const declarations = [
       `import type { ${[...typeSet].join(", ")} } from '#build/graphql-operations'`,
-      "import type { ComputedRef, Ref } from 'vue'",
+      "import type { ComputedRef, MaybeRefOrGetter, Ref } from 'vue'",
       "import type { AsyncDataRequestStatus } from '#app'",
       "import type { GraphqlResponse } from 'nuxt-graphql-middleware/types'",
       "",
@@ -804,7 +804,7 @@ const module$1 = defineNuxtModule({
     version,
     configKey: "wpNuxt",
     compatibility: {
-      nuxt: ">=3.17.0"
+      nuxt: ">=4.0.0"
     }
   },
   defaults: {
@@ -948,7 +948,12 @@ const module$1 = defineNuxtModule({
       { name: "getRelativeImagePath", as: "getRelativeImagePath", from: resolver.resolve("./runtime/util/images") },
       { name: "isInternalLink", as: "isInternalLink", from: resolver.resolve("./runtime/util/links") },
       { name: "toRelativePath", as: "toRelativePath", from: resolver.resolve("./runtime/util/links") },
-      { name: "usePrevNextPost", as: "usePrevNextPost", from: resolver.resolve("./runtime/composables/usePrevNextPost") }
+      { name: "usePrevNextPost", as: "usePrevNextPost", from: resolver.resolve("./runtime/composables/usePrevNextPost") },
+      { name: "isPage", as: "isPage", from: resolver.resolve("./runtime/util/content-type") },
+      { name: "isPost", as: "isPost", from: resolver.resolve("./runtime/util/content-type") },
+      { name: "isContentType", as: "isContentType", from: resolver.resolve("./runtime/util/content-type") },
+      { name: "unwrapScalar", as: "unwrapScalar", from: resolver.resolve("./runtime/util/acf") },
+      { name: "unwrapConnection", as: "unwrapConnection", from: resolver.resolve("./runtime/util/acf") }
       // Note: useGraphqlMutation is auto-imported via nuxt-graphql-middleware with includeComposables: true
     ]);
     addComponentsDir({

package/dist/runtime/composables/useWPContent.js

@@ -1,5 +1,5 @@
 import { transformData, normalizeUriParam } from "../util/content.js";
-import { computed, ref, watch as vueWatch, useAsyncGraphqlQuery, useRuntimeConfig } from "#imports";
+import { computed, ref, toValue, watch as vueWatch, useAsyncGraphqlQuery, useRuntimeConfig } from "#imports";
 const defaultGetCachedData = (key, app, ctx) => {
   if (app.isHydrating) {
     return app.payload.data[key];
@@ -21,7 +21,8 @@ export const useWPContent = (queryName, nodes, fixImagePaths, params, options) =
     timeout: timeoutOption,
     ...restOptions
   } = options ?? {};
-  const normalizedParams = normalizeUriParam(params);
+  const isReactiveParams = typeof params === "function" || params !== null && typeof params === "object" && "__v_isRef" in params;
+  const resolvedParams = isReactiveParams ? computed(() => normalizeUriParam(toValue(params)) ?? {}) : normalizeUriParam(params) ?? {};
   const maxRetries = retryOption === false ? 0 : retryOption ?? 0;
   const baseRetryDelay = retryDelayOption ?? 1e3;
   const retryCount = ref(0);
@@ -55,7 +56,7 @@ export const useWPContent = (queryName, nodes, fixImagePaths, params, options) =
   };
   const asyncResult = useAsyncGraphqlQuery(
     String(queryName),
-    normalizedParams ?? {},
+    resolvedParams,
     asyncDataOptions
   );
   const { data, pending, refresh, execute, clear, error, status } = asyncResult;

package/dist/runtime/types/stub.d.ts

@@ -10,6 +10,7 @@ import type { NuxtApp } from 'nuxt/app'
 // Stub for #imports - Vue reactivity & lifecycle
 export function computed<T>(getter: () => T): ComputedRef<T>
 export function ref<T>(value: T): Ref<T>
+export function toValue<T>(source: Ref<T> | ComputedRef<T> | (() => T) | T): T
 export function resolveComponent(name: string): Component | string
 export function onMounted(callback: () => void): void
 export function onBeforeUnmount(callback: () => void): void
@@ -29,7 +30,7 @@ export function navigateTo(to: string): Promise<void>
 // Stub for #imports - nuxt-graphql-middleware
 export function useAsyncGraphqlQuery<T = unknown>(
   name: string,
-  params?: Record<string, unknown>,
+  params?: Record<string, unknown> | Ref<Record<string, unknown>> | ComputedRef<Record<string, unknown>>,
   options?: Record<string, unknown>
 ): {
   data: Ref<T | null>

package/dist/runtime/util/acf.js

@@ -0,0 +1,9 @@
+function unwrapScalar(value) {
+  if (value == null) return void 0;
+  if (Array.isArray(value)) return value[0];
+  return value;
+}
+function unwrapConnection(connection) {
+  return connection?.nodes?.[0];
+}
+export { unwrapScalar, unwrapConnection };

package/dist/runtime/util/content-type.js

@@ -0,0 +1,10 @@
+function isPage(node) {
+  return node?.contentTypeName === "page";
+}
+function isPost(node) {
+  return node?.contentTypeName === "post";
+}
+function isContentType(node, typeName) {
+  return node?.contentTypeName === typeName;
+}
+export { isPage, isPost, isContentType };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wpnuxt/core",
-  "version": "2.0.0-beta.7",
+  "version": "2.1.0",
   "description": "Nuxt module for WordPress integration via GraphQL (WPGraphQL)",
   "keywords": [
     "nuxt",
@@ -65,7 +65,7 @@
     "vue-tsc": "^3.2.5"
   },
   "peerDependencies": {
-    "nuxt": ">=3.17.0"
+    "nuxt": ">=4.0.0"
   },
   "scripts": {
     "build": "nuxt-module-build build",