From 9963deb2a523cb85bf7d820bc506a0aa65193395 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Leynier=20Guti=C3=A9rrez=20Gonz=C3=A1lez?=
 <leynier41@gmail.com>
Date: Sat, 23 Nov 2024 05:32:15 -0600
Subject: [PATCH 1/3] refactor: update readme and index types to replace
 'pending' with 'status'

---
 readme.md    | 14 +++++++-------
 src/index.ts |  4 ++--
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/readme.md b/readme.md
index 6723e1d..0ff0edf 100644
--- a/readme.md
+++ b/readme.md
@@ -88,10 +88,10 @@ import { ref } from 'vue';
 const id = ref(1);
 
 // Function without arguments
-const { data: dataList, pending: listPending, error: listError } = wrappedService.fetchData();
+const { data: dataList, status: listStatus, error: listError } = wrappedService.fetchData();
 
 // Function with arguments
-const { data: itemData, pending: itemPending, error: itemError } = wrappedService.getItem(() => [id.value]);
+const { data: itemData, status: itemStatus, error: itemError } = wrappedService.getItem(() => [id.value]);
 
 // Reactivity: when id.value changes, itemData updates automatically
 </script>
@@ -99,7 +99,7 @@ const { data: itemData, pending: itemPending, error: itemError } = wrappedServic
 <template>
   <div>
     <h1>Data List</h1>
-    <div v-if="listPending">Loading...</div>
+    <div v-if="listStatus === 'pending'">Loading...</div>
     <div v-else-if="listError">Error: {{ listError.message }}</div>
     <div v-else>
       <pre>{{ dataList }}</pre>
@@ -107,7 +107,7 @@ const { data: itemData, pending: itemPending, error: itemError } = wrappedServic
 
     <h1>Item Data (ID: {{ id }})</h1>
     <input v-model="id" type="number" min="1" />
-    <div v-if="itemPending">Loading...</div>
+    <div v-if="itemStatus === 'pending'">Loading...</div>
     <div v-else-if="itemError">Error: {{ itemError.message }}</div>
     <div v-else>
       <pre>{{ itemData }}</pre>
@@ -160,7 +160,7 @@ async function fetchData() {
 const wrappedService = useAsyncDataWrapper({ fetchData });
 
 // Use in a component
-const { data, pending, error } = wrappedService.fetchData();
+const { data, status, error } = wrappedService.fetchData();
 ```
 
 ### Function With Arguments
@@ -179,7 +179,7 @@ import { ref } from 'vue';
 
 const id = ref(1);
 
-const { data, pending, error } = wrappedService.getItem(() => [id.value]);
+const { data, status, error } = wrappedService.getItem(() => [id.value]);
 
 // When id.value changes, data is automatically refreshed
 ```
@@ -193,7 +193,7 @@ You can pass options to `useAsyncData` through the wrapped functions to control
 ### Example with Options
 
 ```typescript
-const { data, pending, error } = wrappedService.fetchData({
+const { data, status, error } = wrappedService.fetchData({
   lazy: true,
   server: false,
   default: () => [],
diff --git a/src/index.ts b/src/index.ts
index 1268225..3ea946b 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -26,14 +26,14 @@ export type AsyncDataWrapper<T> = {
       ? /**
          * Functions without arguments.
          * @param options - Optional AsyncDataOptions to configure useAsyncData.
-         * @returns AsyncDataResult containing the data, pending state, and error.
+         * @returns AsyncDataResult containing the data, status state, and error.
          */
         (options?: AsyncDataOptions<R>) => AsyncDataResult<R>
       : /**
          * Functions with arguments.
          * @param argsSupplier - A function that returns the arguments array for the original function.
          * @param options - Optional AsyncDataOptions to configure useAsyncData.
-         * @returns AsyncDataResult containing the data, pending state, and error.
+         * @returns AsyncDataResult containing the data, status state, and error.
          */
         (
           argsSupplier: () => Args,

From fb9dd99a8f052931ecede2dd73c995d439e9cda8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Leynier=20Guti=C3=A9rrez=20Gonz=C3=A1lez?=
 <leynier41@gmail.com>
Date: Sat, 23 Nov 2024 05:32:48 -0600
Subject: [PATCH 2/3] feat: wrapped all promises functions recursively
 recursively to the root prototype

---
 src/index.ts | 19 ++++++++++++++-----
 1 file changed, 14 insertions(+), 5 deletions(-)

diff --git a/src/index.ts b/src/index.ts
index 3ea946b..50a2981 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -65,12 +65,21 @@ export function useAsyncDataWrapper<T extends Record<string, any>>(
   obj: T,
 ): AsyncDataWrapper<T> {
   const composable = {} as AsyncDataWrapper<T>;
-  const proto = Object.getPrototypeOf(obj);
 
-  // Get function names from the object's prototype, excluding the constructor
-  const functionNames = Object.getOwnPropertyNames(proto).filter(
-    key => key !== 'constructor' && typeof obj[key] === 'function',
-  );
+  // Get all function names from the object and its prototypes
+  const functionNameSet = new Set<string>();
+  let currentObj = obj;
+  while (currentObj && currentObj !== Object.prototype) {
+    const keys = Object.getOwnPropertyNames(currentObj);
+    for (const key of keys) {
+      // Exclude constructor and non-function properties
+      if (key !== 'constructor' && typeof currentObj[key] === 'function') {
+        functionNameSet.add(key);
+      }
+    }
+    currentObj = Object.getPrototypeOf(currentObj);
+  }
+  const functionNames = Array.from(functionNameSet);
 
   for (const key of functionNames) {
     // Bind the function to preserve context

From 29e142bce8599a91cea115f99ebd9c9bbc5013db Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Leynier=20Guti=C3=A9rrez=20Gonz=C3=A1lez?=
 <leynier41@gmail.com>
Date: Sat, 23 Nov 2024 05:33:41 -0600
Subject: [PATCH 3/3] chore: update version to 1.2.0 in package.json

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 0910dac..6c7e731 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "nuxt-use-async-data-wrapper",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "description": "A utility to wrap Promise-returning functions with useAsyncData for Nuxt",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",