@eeplatform/nuxt-layer-common 1.7.17 → 1.7.19

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @eeplatform/nuxt-layer-common
 
+## 1.7.19
+
+### Patch Changes
+
+- c9a024e: add API.ts plugin
+
+## 1.7.18
+
+### Patch Changes
+
+- df3cd25: Fix program model
+
 ## 1.7.17
 
 ### Patch Changes
@@ -124,7 +136,7 @@
 
 ### Minor Changes
 
-- cc493b1: Migrate from custom fetch to $fetch
+- cc493b1: Migrate from custom fetch to useNuxtApp().$api
 
 ## 1.4.10
 

package/composables/useAddress.ts

@@ -13,7 +13,7 @@ export default function useAddress() {
     postalCode = "",
     taxId = "",
   } = {}) {
-    return $fetch("/api/addresses", {
+    return useNuxtApp().$api("/api/addresses", {
       method: "POST",
       body: {
         type,
@@ -57,18 +57,18 @@ export default function useAddress() {
       payload.org = orgId;
     }
 
-    return $fetch(`/api/addresses/details/${id}`, {
+    return useNuxtApp().$api(`/api/addresses/details/${id}`, {
       method: "PUT",
       body: payload,
     });
   }
 
   function getByUserId(user = "") {
-    return $fetch<TAddress>(`/api/addresses/user/${user}`);
+    return useNuxtApp().$api<TAddress>(`/api/addresses/user/${user}`);
   }
 
   function getByOrgId(id = "") {
-    return $fetch<TAddress>(`/api/addresses/org/${id}`);
+    return useNuxtApp().$api<TAddress>(`/api/addresses/org/${id}`);
   }
 
   const _address = useState("address", (): TAddress => {

package/composables/useBasicEdu.ts

@@ -129,11 +129,15 @@ export default function useBasicEdu() {
   }
 
   async function getPhilippineMunicipalities() {
-    return $fetch<Record<string, any>>("https://psgc.cloud/api/municipalities");
+    return useNuxtApp().$api<Record<string, any>>(
+      "https://psgc.cloud/api/municipalities"
+    );
   }
 
   async function getPhilippineCities() {
-    return $fetch<Record<string, any>>("https://psgc.cloud/api/cities");
+    return useNuxtApp().$api<Record<string, any>>(
+      "https://psgc.cloud/api/cities"
+    );
   }
 
   const motherTongueOptions = [

package/composables/useChartOfAccount.ts

@@ -7,7 +7,7 @@ export default function useChartOfAccount() {
       children?: number;
     }
   ) {
-    return $fetch<Record<string, any>>("/api/chart-of-accounts", {
+    return useNuxtApp().$api<Record<string, any>>("/api/chart-of-accounts", {
       method: "GET",
       query: { page, status, orgId, children },
     });
@@ -23,30 +23,35 @@ export default function useChartOfAccount() {
   };
 
   function add(value: TAddPayload) {
-    return $fetch<TAddPayload>("/api/chart-of-accounts", {
+    return useNuxtApp().$api<TAddPayload>("/api/chart-of-accounts", {
       method: "POST",
       body: value,
     });
   }
 
   function getById(id: string) {
-    return $fetch<Record<string, any>>(`/api/chart-of-accounts/id/${id}`);
+    return useNuxtApp().$api<Record<string, any>>(
+      `/api/chart-of-accounts/id/${id}`
+    );
   }
 
   function updateById(
     id: string,
     value: Pick<TAddPayload, "name" | "code" | "normalBalance" | "parent">
   ) {
-    return $fetch<TAddPayload>(`/api/chart-of-accounts/id/${id}`, {
+    return useNuxtApp().$api<TAddPayload>(`/api/chart-of-accounts/id/${id}`, {
       method: "PUT",
       body: value,
     });
   }
 
   function deleteById(id: string) {
-    return $fetch<Record<string, any>>(`/api/chart-of-accounts/id/${id}`, {
-      method: "DELETE",
-    });
+    return useNuxtApp().$api<Record<string, any>>(
+      `/api/chart-of-accounts/id/${id}`,
+      {
+        method: "DELETE",
+      }
+    );
   }
 
   return {

package/composables/useDivision.ts

@@ -6,9 +6,12 @@ export default function useRegion() {
     limit = 20,
     region = "",
   } = {}) {
-    return $fetch<Record<string, any>>("/api/basic-education/divisions", {
-      query: { page, search, status, limit, region },
-    });
+    return useNuxtApp().$api<Record<string, any>>(
+      "/api/basic-education/divisions",
+      {
+        query: { page, search, status, limit, region },
+      }
+    );
   }
 
   return {

package/composables/useEnrollment.ts

@@ -95,7 +95,7 @@ export default function useEnrollment() {
   });
 
   function add(value: TTLearner) {
-    return $fetch("/api/basic-education/enrollments", {
+    return useNuxtApp().$api("/api/basic-education/enrollments", {
       method: "POST",
       body: value,
     });
@@ -110,13 +110,16 @@ export default function useEnrollment() {
     createdBy = "",
     gradeLevel = "",
   } = {}) {
-    return $fetch<Record<string, any>>("/api/basic-education/enrollments", {
-      query: { status, page, limit, search, createdBy, school, gradeLevel },
-    });
+    return useNuxtApp().$api<Record<string, any>>(
+      "/api/basic-education/enrollments",
+      {
+        query: { status, page, limit, search, createdBy, school, gradeLevel },
+      }
+    );
   }
 
   function updateStatusById(_id: string, status: string) {
-    return $fetch<string>(
+    return useNuxtApp().$api<string>(
       `/api/basic-education/enrollments/status/${status}/id/${_id}`,
       {
         method: "PATCH",
@@ -125,10 +128,13 @@ export default function useEnrollment() {
   }
 
   function updateStatusWithId(_id: string, status: string) {
-    return $fetch<string>(`/api/basic-education/enrollments/status/id/${_id}`, {
-      method: "PATCH",
-      body: { status },
-    });
+    return useNuxtApp().$api<string>(
+      `/api/basic-education/enrollments/status/id/${_id}`,
+      {
+        method: "PATCH",
+        body: { status },
+      }
+    );
   }
 
   function generateEnrollmentData(value: {
@@ -137,7 +143,7 @@ export default function useEnrollment() {
     numberOfApplications: number;
     schoolYear: string;
   }) {
-    return $fetch("/api/basic-education/enrollments/generate", {
+    return useNuxtApp().$api("/api/basic-education/enrollments/generate", {
       method: "POST",
       body: value,
     });

package/composables/useFile.ts

@@ -7,16 +7,19 @@ export default function useFile() {
     const formData = new FormData();
     formData.append("file", file);
 
-    return $fetch<Record<string, any>>("/api/files", {
+    return useNuxtApp().$api<Record<string, any>>("/api/files", {
       method: "POST",
       body: formData,
     });
   }
 
   function deleteFile(attachmentId: string) {
-    return $fetch<Record<string, any>>(`/api/files/${attachmentId}`, {
-      method: "DELETE",
-    });
+    return useNuxtApp().$api<Record<string, any>>(
+      `/api/files/${attachmentId}`,
+      {
+        method: "DELETE",
+      }
+    );
   }
 
   return {

package/composables/useGradeLevel.ts

@@ -2,7 +2,7 @@ export default function useGradeLevel() {
   const resource = "basic-education/grade-levels";
 
   function add(value: TGradeLevel) {
-    return $fetch<Record<string, any>>(`/api/${resource}`, {
+    return useNuxtApp().$api<Record<string, any>>(`/api/${resource}`, {
       method: "POST",
       body: value,
     });
@@ -15,20 +15,23 @@ export default function useGradeLevel() {
     status = "active",
     school = "",
   } = {}) {
-    return $fetch<Record<string, any>>(`/api/${resource}/school/${school}`, {
-      method: "GET",
-      query: { page, limit, search, status },
-    });
+    return useNuxtApp().$api<Record<string, any>>(
+      `/api/${resource}/school/${school}`,
+      {
+        method: "GET",
+        query: { page, limit, search, status },
+      }
+    );
   }
 
   function updateById(id: string) {
-    return $fetch<Record<string, any>>(`/api/${resource}/${id}`, {
+    return useNuxtApp().$api<Record<string, any>>(`/api/${resource}/${id}`, {
       method: "PUT",
     });
   }
 
   function deleteById(id: string) {
-    return $fetch<Record<string, any>>(`/api/${resource}/${id}`, {
+    return useNuxtApp().$api<Record<string, any>>(`/api/${resource}/${id}`, {
       method: "DELETE",
     });
   }

package/composables/useInvoice.ts

@@ -4,23 +4,29 @@ export default function useInvoice() {
       throw new Error("Subscription ID is required");
     }
 
-    return $fetch<Record<string, any>>(`/api/invoices/subscription/${id}`, {
-      method: "GET",
-      params: {
-        search,
-        page,
-      },
-    });
+    return useNuxtApp().$api<Record<string, any>>(
+      `/api/invoices/subscription/${id}`,
+      {
+        method: "GET",
+        params: {
+          search,
+          page,
+        },
+      }
+    );
   }
 
   function getByNumber(number: string) {
-    return $fetch<Record<string, any>>(`/api/invoices/number/${number}`, {
-      method: "GET",
-    });
+    return useNuxtApp().$api<Record<string, any>>(
+      `/api/invoices/number/${number}`,
+      {
+        method: "GET",
+      }
+    );
   }
 
   function getByDueDateStatus(date: string, status: string) {
-    return $fetch<Record<string, any>>(
+    return useNuxtApp().$api<Record<string, any>>(
       `/api/invoices/due-date/${date}/status/${status}`,
       {
         method: "GET",

package/composables/useLearner.ts

@@ -7,13 +7,16 @@ export default function useLearner() {
     school = "",
     level = "",
   } = {}) {
-    return $fetch<Record<string, any>>("/api/basic-education/learners", {
-      query: { page, search, status, limit, school, level },
-    });
+    return useNuxtApp().$api<Record<string, any>>(
+      "/api/basic-education/learners",
+      {
+        query: { page, search, status, limit, school, level },
+      }
+    );
   }
 
   function add(value: TTLearner) {
-    return $fetch("/api/basic-education/learners", {
+    return useNuxtApp().$api("/api/basic-education/learners", {
       method: "POST",
       body: value,
     });

package/composables/useLocalAuth.ts

@@ -12,7 +12,7 @@ export default function useLocalAuth() {
 
     const { data: getCurrentUserReq, error: getCurrentUserErr } =
       useLazyAsyncData("get-current-user", () =>
-        $fetch<TUser>(`/api/users/id/${user}`)
+        useNuxtApp().$api<TUser>(`/api/users/id/${user}`)
       );
 
     watchEffect(() => {
@@ -30,7 +30,7 @@ export default function useLocalAuth() {
   }
 
   async function login({ email = "", password = "", role = "" }) {
-    return $fetch<Record<string, any>>("/api/auth/login", {
+    return useNuxtApp().$api<Record<string, any>>("/api/auth/login", {
       method: "POST",
       body: JSON.stringify({ email, password, role }),
     });
@@ -61,7 +61,7 @@ export default function useLocalAuth() {
   }
 
   async function logout() {
-    return $fetch("/api/auth/logout", {
+    return useNuxtApp().$api("/api/auth/logout", {
       method: "DELETE",
     });
   }
@@ -69,7 +69,7 @@ export default function useLocalAuth() {
   async function getCurrentUser() {
     const user = useCookie("user", cookieConfig).value;
     const { data: userData } = await useLazyAsyncData("get-current-user", () =>
-      $fetch<TUser>(`/api/users/id/${user}`)
+      useNuxtApp().$api<TUser>(`/api/users/id/${user}`)
     );
 
     watchEffect(() => {
@@ -85,7 +85,7 @@ export default function useLocalAuth() {
     }
 
     try {
-      const response = await $fetch("/api/auth/forget-password", {
+      const response = await useNuxtApp().$api("/api/auth/forget-password", {
         method: "POST",
         body: JSON.stringify({ email }),
         headers: { "Content-Type": "application/json" },
@@ -103,7 +103,7 @@ export default function useLocalAuth() {
     passwordConfirmation: string
   ) {
     try {
-      return await $fetch("/api/auth/reset-password", {
+      return await useNuxtApp().$api("/api/auth/reset-password", {
         method: "POST",
         body: JSON.stringify({ otp, newPassword, passwordConfirmation }),
         headers: { "Content-Type": "application/json" },
@@ -115,13 +115,13 @@ export default function useLocalAuth() {
   }
 
   function verify(id: string) {
-    return $fetch<Record<string, any>>(`/api/auth/verify/${id}`, {
+    return useNuxtApp().$api<Record<string, any>>(`/api/auth/verify/${id}`, {
       method: "GET",
     });
   }
 
   function signUp(email: string, referral: string) {
-    return $fetch<Record<string, any>>("/api/auth/sign-up", {
+    return useNuxtApp().$api<Record<string, any>>("/api/auth/sign-up", {
       method: "POST",
       body: { email, referral },
     });

package/composables/useMember.ts

@@ -22,11 +22,11 @@ export default function useMember() {
   }));
 
   function getByUserId(user: string) {
-    return $fetch<TMember>(`/api/members/user/${user}`);
+    return useNuxtApp().$api<TMember>(`/api/members/user/${user}`);
   }
 
   function getByUserType(user: string, type: string, org?: string) {
-    return $fetch<TMember>(`/api/members/user/${user}/app/${type}`, {
+    return useNuxtApp().$api<TMember>(`/api/members/user/${user}/app/${type}`, {
       method: "GET",
       query: { org },
     });
@@ -41,7 +41,7 @@ export default function useMember() {
     type = "",
     status = "active",
   } = {}) {
-    return $fetch<Record<string, any>>("/api/members", {
+    return useNuxtApp().$api<Record<string, any>>("/api/members", {
       method: "GET",
       query: { page, limit, search, user, org, type, status },
     });
@@ -50,19 +50,25 @@ export default function useMember() {
     verificationId: string,
     payload: Record<string, any>
   ) {
-    return $fetch<Record<string, any>>(`/api/users/invite/${verificationId}`, {
-      method: "POST",
-      body: payload,
-    });
+    return useNuxtApp().$api<Record<string, any>>(
+      `/api/users/invite/${verificationId}`,
+      {
+        method: "POST",
+        body: payload,
+      }
+    );
   }
 
   function createMemberInvite(verificatonId: string) {
-    return $fetch<TMember>(`/api/members/verification/${verificatonId}`, {
-      method: "POST",
-    });
+    return useNuxtApp().$api<TMember>(
+      `/api/members/verification/${verificatonId}`,
+      {
+        method: "POST",
+      }
+    );
   }
   function updateMemberStatus(id: string, status: string) {
-    return $fetch<Record<string, any>>(
+    return useNuxtApp().$api<Record<string, any>>(
       `/api/members/status/${status}/id/${id}`,
       {
         method: "PUT",
@@ -76,7 +82,7 @@ export default function useMember() {
     type: string,
     org: string
   ) {
-    return $fetch<Record<string, any>>(
+    return useNuxtApp().$api<Record<string, any>>(
       `/api/members/id/${id}/role/${role}/type/${type}/org/${org}`,
       {
         method: "PUT",

package/composables/useOffice.ts

@@ -1,6 +1,6 @@
 export default function useOffice() {
   function add(value: TOffice) {
-    return $fetch<Record<string, any>>("/api/offices", {
+    return useNuxtApp().$api<Record<string, any>>("/api/offices", {
       method: "POST",
       body: value,
     });
@@ -13,20 +13,20 @@ export default function useOffice() {
     type = "",
     status = "active",
   } = {}) {
-    return $fetch<Record<string, any>>("/api/offices", {
+    return useNuxtApp().$api<Record<string, any>>("/api/offices", {
       method: "GET",
       query: { page, limit, search, type, status },
     });
   }
 
   function updateById(id: string) {
-    return $fetch<Record<string, any>>(`/api/offices/${id}`, {
+    return useNuxtApp().$api<Record<string, any>>(`/api/offices/${id}`, {
       method: "PUT",
     });
   }
 
   function deleteById(id: string) {
-    return $fetch<Record<string, any>>(`/api/offices/${id}`, {
+    return useNuxtApp().$api<Record<string, any>>(`/api/offices/${id}`, {
       method: "DELETE",
     });
   }

package/composables/useOrder.ts

@@ -5,7 +5,7 @@ export default function useOrder() {
     page = 1,
     status = "succeeded",
   } = {}) {
-    return $fetch<Record<string, any>>("/api/orders", {
+    return useNuxtApp().$api<Record<string, any>>("/api/orders", {
       method: "GET",
       query: {
         search,

package/composables/useOrg.ts

@@ -1,6 +1,6 @@
 export default function useOrg() {
   function getAll({ page = 1, search = "", limit = 20, status = "" } = {}) {
-    return $fetch<Record<string, any>>("/api/organizations", {
+    return useNuxtApp().$api<Record<string, any>>("/api/organizations", {
       method: "GET",
       query: {
         page,
@@ -12,20 +12,26 @@ export default function useOrg() {
   }
 
   function getById(id = "") {
-    return $fetch<Record<string, any>>(`/api/organizations/id/${id}`, {
-      method: "GET",
-    });
+    return useNuxtApp().$api<Record<string, any>>(
+      `/api/organizations/id/${id}`,
+      {
+        method: "GET",
+      }
+    );
   }
 
   function getByUserId({ page = 1, search = "", user = "", limit = 20 } = {}) {
-    return $fetch<Record<string, any>>(`/api/organizations/user/${user}`, {
-      method: "GET",
-      query: {
-        page,
-        search,
-        limit,
-      },
-    });
+    return useNuxtApp().$api<Record<string, any>>(
+      `/api/organizations/user/${user}`,
+      {
+        method: "GET",
+        query: {
+          page,
+          search,
+          limit,
+        },
+      }
+    );
   }
 
   const org = ref({
@@ -71,7 +77,7 @@ export default function useOrg() {
   const total = computed(() => seats.value * perSeatPrice);
 
   function getByName(name = "") {
-    return $fetch<TOrg>(`/api/organizations/name/${name}`, {
+    return useNuxtApp().$api<TOrg>(`/api/organizations/name/${name}`, {
       method: "GET",
     });
   }

package/composables/usePSGC.ts

@@ -6,7 +6,7 @@ export default function usePSGC() {
     type = "",
     prefix = "",
   } = {}) {
-    return $fetch<Record<string, any>>("/api/psgc", {
+    return useNuxtApp().$api<Record<string, any>>("/api/psgc", {
       query: { page, limit, search, type, prefix },
     });
   }

package/composables/usePayment.ts

@@ -5,7 +5,7 @@ export default function usePayment() {
     page = 1,
     status = "completed",
   } = {}) {
-    return $fetch<Record<string, any>>("/api/payments", {
+    return useNuxtApp().$api<Record<string, any>>("/api/payments", {
       method: "GET",
       query: {
         search,

package/composables/usePaymentMethod.ts

@@ -9,17 +9,20 @@ export default function usePaymentMethod() {
     cancel_return_url = "",
     category = "individual",
   } = {}) {
-    return $fetch<Record<string, any>>("/api/payment-methods/e-wallet", {
-      method: "POST",
-      body: {
-        customer_id,
-        type,
-        success_return_url,
-        failure_return_url,
-        cancel_return_url,
-        category,
-      },
-    });
+    return useNuxtApp().$api<Record<string, any>>(
+      "/api/payment-methods/e-wallet",
+      {
+        method: "POST",
+        body: {
+          customer_id,
+          type,
+          success_return_url,
+          failure_return_url,
+          cancel_return_url,
+          category,
+        },
+      }
+    );
   }
 
   function linkCard({
@@ -34,7 +37,7 @@ export default function usePaymentMethod() {
     failure_return_url = "",
     subscriptionData = {},
   } = {}) {
-    return $fetch<Record<string, any>>("/api/payment-methods/card", {
+    return useNuxtApp().$api<Record<string, any>>("/api/payment-methods/card", {
       method: "POST",
       body: {
         cardType,
@@ -52,7 +55,7 @@ export default function usePaymentMethod() {
   }
 
   function getByUser(user = "") {
-    return $fetch<Array<Record<string, any>>>(
+    return useNuxtApp().$api<Array<Record<string, any>>>(
       `/api/payment-methods/user/${user}`,
       {
         method: "GET",
@@ -61,7 +64,7 @@ export default function usePaymentMethod() {
   }
 
   function getByOrg(org = "") {
-    return $fetch<Array<Record<string, any>>>(
+    return useNuxtApp().$api<Array<Record<string, any>>>(
       `/api/payment-methods/org/${org}`,
       {
         method: "GET",
@@ -70,11 +73,15 @@ export default function usePaymentMethod() {
   }
 
   function getById(id = "") {
-    return $fetch<Record<string, any>>(`/api/payment-methods/id/${id}`);
+    return useNuxtApp().$api<Record<string, any>>(
+      `/api/payment-methods/id/${id}`
+    );
   }
 
   function getByCustomerId(id = "") {
-    return $fetch<Record<string, any>>(`/api/payment-methods/customer/${id}`);
+    return useNuxtApp().$api<Record<string, any>>(
+      `/api/payment-methods/customer/${id}`
+    );
   }
 
   const eWalletNumber = useState("eWalletNumber", () => "");
@@ -87,10 +94,13 @@ export default function usePaymentMethod() {
   const selectedPaymentMethod = useState("selectedPaymentMethod", () => "");
 
   function linkOnly(value: Record<string, any>) {
-    return $fetch<Record<string, any>>("/api/payment-methods/link-only", {
-      method: "POST",
-      body: value,
-    });
+    return useNuxtApp().$api<Record<string, any>>(
+      "/api/payment-methods/link-only",
+      {
+        method: "POST",
+        body: value,
+      }
+    );
   }
 
   const supportedEwallets = [
@@ -298,10 +308,13 @@ export default function usePaymentMethod() {
   }
 
   function updateStatusById(id: string, status: string) {
-    return $fetch<Record<string, any>>(`/api/payment-methods/status/${id}`, {
-      method: "PATCH",
-      body: { status },
-    });
+    return useNuxtApp().$api<Record<string, any>>(
+      `/api/payment-methods/status/${id}`,
+      {
+        method: "PATCH",
+        body: { status },
+      }
+    );
   }
 
   return {

package/composables/usePlantilla.ts

@@ -1,6 +1,6 @@
 export default function usePlantilla() {
   function addPlantilla(plantilla: TPlantilla) {
-    return $fetch<{ message: string }>("/api/plantillas", {
+    return useNuxtApp().$api<{ message: string }>("/api/plantillas", {
       method: "POST",
       body: plantilla,
     });
@@ -13,7 +13,7 @@ export default function usePlantilla() {
     org = "",
     app = "admin",
   } = {}) {
-    return $fetch<Record<string, any>>("/api/plantillas", {
+    return useNuxtApp().$api<Record<string, any>>("/api/plantillas", {
       method: "GET",
       query: { page, status, search, org, app },
     });
@@ -29,7 +29,7 @@ export default function usePlantilla() {
     formData.append("region", region);
     formData.append("division", division);
 
-    return $fetch<{
+    return useNuxtApp().$api<{
       message: string;
       details: {
         successful: number;

package/composables/usePrice.ts

@@ -1,6 +1,6 @@
 export default function usePrice() {
   function getByNameType(name: string, type: string) {
-    return $fetch<Record<string, any>>("/api/prices/price", {
+    return useNuxtApp().$api<Record<string, any>>("/api/prices/price", {
       method: "GET",
       params: {
         name,

package/composables/useProgram.ts

@@ -8,10 +8,11 @@ export function useProgram() {
     gwa: 0,
     subjects: [],
     description: "",
+    gradeLevels: [],
   });
 
   function add(value: TProgram) {
-    return $fetch<Record<string, any>>(`/api/${resource}`, {
+    return useNuxtApp().$api<Record<string, any>>(`/api/${resource}`, {
       method: "POST",
       body: value,
     });
@@ -25,21 +26,21 @@ export function useProgram() {
     school = "",
     gradeLevel = "",
   } = {}) {
-    return $fetch<Record<string, any>>(`/api/${resource}`, {
+    return useNuxtApp().$api<Record<string, any>>(`/api/${resource}`, {
       method: "GET",
       query: { page, limit, search, status, school, gradeLevel },
     });
   }
 
   function updateById(id: string, value: TProgram) {
-    return $fetch<Record<string, any>>(`/api/${resource}/id/${id}`, {
+    return useNuxtApp().$api<Record<string, any>>(`/api/${resource}/id/${id}`, {
       method: "POST",
       body: value,
     });
   }
 
   function deleteById(id: string) {
-    return $fetch<Record<string, any>>(`/api/${resource}/id/${id}`, {
+    return useNuxtApp().$api<Record<string, any>>(`/api/${resource}/id/${id}`, {
       method: "DELETE",
     });
   }

package/composables/usePromoCode.ts

@@ -1,13 +1,13 @@
 export default function usePromoCode() {
   function add(value: TPromoCode) {
-    return $fetch<Record<string, any>>("/api/promo-codes", {
+    return useNuxtApp().$api<Record<string, any>>("/api/promo-codes", {
       method: "POST",
       body: value,
     });
   }
 
   function getPromoCodes({ search = "", page = 1, status = "active" } = {}) {
-    return $fetch<Record<string, any>>("/api/promo-codes", {
+    return useNuxtApp().$api<Record<string, any>>("/api/promo-codes", {
       method: "GET",
       query: {
         search,
@@ -18,7 +18,7 @@ export default function usePromoCode() {
   }
 
   function getByCode(code: string, type?: string, assigned?: boolean) {
-    return $fetch<TPromoCode>("/api/promo-codes/code", {
+    return useNuxtApp().$api<TPromoCode>("/api/promo-codes/code", {
       method: "GET",
       params: {
         code,
@@ -29,7 +29,7 @@ export default function usePromoCode() {
   }
 
   function getById(id: string) {
-    return $fetch<TPromoCode>(`/api/promo-codes/id/${id}`, {
+    return useNuxtApp().$api<TPromoCode>(`/api/promo-codes/id/${id}`, {
       method: "GET",
     });
   }

package/composables/useRegion.ts

@@ -5,9 +5,12 @@ export default function useRegion() {
     status = "active",
     limit = 20,
   } = {}) {
-    return $fetch<Record<string, any>>("/api/basic-education/regions", {
-      query: { page, search, status, limit },
-    });
+    return useNuxtApp().$api<Record<string, any>>(
+      "/api/basic-education/regions",
+      {
+        query: { page, search, status, limit },
+      }
+    );
   }
 
   return {

package/composables/useRole.ts

@@ -6,7 +6,7 @@ export default function useRole() {
       type: string;
     }
   ) {
-    return $fetch("/api/roles", {
+    return useNuxtApp().$api("/api/roles", {
       method: "POST",
       body: { name, permissions, type },
     });
@@ -19,14 +19,14 @@ export default function useRole() {
     type = "",
     id = "",
   } = {}) {
-    return $fetch<Record<string, any>>("/api/roles", {
+    return useNuxtApp().$api<Record<string, any>>("/api/roles", {
       method: "GET",
       query: { search, page, limit, type, id },
     });
   }
 
   function getRoleById(id: string) {
-    return $fetch<TRole>(`/api/roles/id/${id}`, {
+    return useNuxtApp().$api<TRole>(`/api/roles/id/${id}`, {
       method: "GET",
     });
   }
@@ -36,28 +36,28 @@ export default function useRole() {
     name?: string,
     permissions?: Array<string>
   ) {
-    return $fetch(`/api/roles/id/${_id}`, {
+    return useNuxtApp().$api(`/api/roles/id/${_id}`, {
       method: "PATCH",
       body: { name, permissions },
     });
   }
 
   function updatePermissionById(_id: string, permissions?: Array<string>) {
-    return $fetch(`/api/roles/permissions/id/${_id}`, {
+    return useNuxtApp().$api(`/api/roles/permissions/id/${_id}`, {
       method: "PATCH",
       body: { permissions },
     });
   }
 
   function updateRoleFieldById(_id: string, field: string, value: string) {
-    return $fetch(`/api/roles/${_id}`, {
+    return useNuxtApp().$api(`/api/roles/${_id}`, {
       method: "PATCH",
       body: { field, value },
     });
   }
 
   function deleteRole(_id: string) {
-    return $fetch<Record<string, any>>(`/api/roles/${_id}`, {
+    return useNuxtApp().$api<Record<string, any>>(`/api/roles/${_id}`, {
       method: "DELETE",
     });
   }

package/composables/useSchool.ts

@@ -6,9 +6,12 @@ export default function useSchool() {
     limit = 20,
     psgc = "",
   } = {}) {
-    return $fetch<Record<string, any>>("/api/basic-education/schools", {
-      query: { page, search, status, limit, psgc },
-    });
+    return useNuxtApp().$api<Record<string, any>>(
+      "/api/basic-education/schools",
+      {
+        query: { page, search, status, limit, psgc },
+      }
+    );
   }
 
   return {

package/composables/useSubscription.ts

@@ -4,7 +4,7 @@ export default function useSubscription() {
     trialDays: number,
     productId: string
   ) {
-    return $fetch("/api/subscriptions/plan", {
+    return useNuxtApp().$api("/api/subscriptions/plan", {
       method: "POST",
       body: {
         seats,
@@ -15,7 +15,7 @@ export default function useSubscription() {
   }
 
   function add(subscriptionId: string, user: string) {
-    return $fetch("/api/subscriptions", {
+    return useNuxtApp().$api("/api/subscriptions", {
       method: "POST",
       body: {
         subscriptionId,
@@ -25,7 +25,7 @@ export default function useSubscription() {
   }
 
   function addBillingContactById(id: string, email: string) {
-    return $fetch(`/api/subscriptions/billing-contact/${id}`, {
+    return useNuxtApp().$api(`/api/subscriptions/billing-contact/${id}`, {
       method: "PUT",
       body: {
         email,
@@ -38,7 +38,7 @@ export default function useSubscription() {
     addedAt: string,
     email: string
   ) {
-    return $fetch(
+    return useNuxtApp().$api(
       `/api/subscriptions/billing-contact/${id}/added-at/${addedAt}`,
       {
         method: "PUT",
@@ -50,7 +50,7 @@ export default function useSubscription() {
   }
 
   function deleteBillingContactByAddedAt(id: string, addedAt: string) {
-    return $fetch(
+    return useNuxtApp().$api(
       `/api/subscriptions/billing-contact/${id}/added-at/${addedAt}`,
       {
         method: "DELETE",
@@ -59,27 +59,33 @@ export default function useSubscription() {
   }
 
   function getById(id: string) {
-    return $fetch<TSubscription>(`/api/subscriptions/id/${id}`);
+    return useNuxtApp().$api<TSubscription>(`/api/subscriptions/id/${id}`);
   }
 
   function getByAffiliateId(id: string) {
-    return $fetch<TSubscription>(`/api/subscriptions/affiliate/${id}`);
+    return useNuxtApp().$api<TSubscription>(
+      `/api/subscriptions/affiliate/${id}`
+    );
   }
 
   function getByOrgId(id: string) {
-    return $fetch<Record<string, any>>(`/api/subscriptions/org/${id}`);
+    return useNuxtApp().$api<Record<string, any>>(
+      `/api/subscriptions/org/${id}`
+    );
   }
 
   function getSubscriptions() {
-    return $fetch("/api/subscriptions");
+    return useNuxtApp().$api("/api/subscriptions");
   }
 
   function getSubscriptionStatusById(id: string) {
-    return $fetch<Record<string, string>>(`/api/subscriptions/status/${id}`);
+    return useNuxtApp().$api<Record<string, string>>(
+      `/api/subscriptions/status/${id}`
+    );
   }
 
   function cancelSubscription(id: string) {
-    return $fetch(`/api/subscriptions/cancel/${id}`, {
+    return useNuxtApp().$api(`/api/subscriptions/cancel/${id}`, {
       method: "DELETE",
     });
   }
@@ -90,7 +96,7 @@ export default function useSubscription() {
   );
 
   function updatePromoCodeById(id: string, promoCode: string) {
-    return $fetch(`/api/subscriptions/promo-code/${id}`, {
+    return useNuxtApp().$api(`/api/subscriptions/promo-code/${id}`, {
       method: "PUT",
       body: {
         promoCode,
@@ -99,7 +105,7 @@ export default function useSubscription() {
   }
 
   function updateStatusById(id: string, status: string) {
-    return $fetch(`/api/subscriptions/status/${id}`, {
+    return useNuxtApp().$api(`/api/subscriptions/status/${id}`, {
       method: "PUT",
       body: {
         status,
@@ -108,7 +114,7 @@ export default function useSubscription() {
   }
 
   function updatePaymentMethodById(id: string, paymentMethodId: string) {
-    return $fetch(`/api/subscriptions/payment-method/${id}`, {
+    return useNuxtApp().$api(`/api/subscriptions/payment-method/${id}`, {
       method: "PUT",
       body: {
         paymentMethodId,
@@ -162,17 +168,23 @@ export default function useSubscription() {
   };
 
   function initOrgSubscription(value: TSub) {
-    return $fetch<Record<string, any>>("/api/subscriptions/organization", {
-      method: "POST",
-      body: value,
-    });
+    return useNuxtApp().$api<Record<string, any>>(
+      "/api/subscriptions/organization",
+      {
+        method: "POST",
+        body: value,
+      }
+    );
   }
 
   function initAffiliateSubscription(value: TSub) {
-    return $fetch<Record<string, any>>("/api/subscriptions/affiliate", {
-      method: "POST",
-      body: value,
-    });
+    return useNuxtApp().$api<Record<string, any>>(
+      "/api/subscriptions/affiliate",
+      {
+        method: "POST",
+        body: value,
+      }
+    );
   }
 
   function updateSeatsById({
@@ -181,7 +193,7 @@ export default function useSubscription() {
     seats = 0,
     amount = 0,
   } = {}) {
-    return $fetch<Record<string, any>>(
+    return useNuxtApp().$api<Record<string, any>>(
       `/api/subscriptions/seats/${subscriptionId}`,
       {
         method: "PUT",
@@ -195,7 +207,7 @@ export default function useSubscription() {
   }
 
   function processSubscriptionPayment(id: string, invoice: string) {
-    return $fetch(`/api/subscriptions/payment/id/${id}`, {
+    return useNuxtApp().$api(`/api/subscriptions/payment/id/${id}`, {
       method: "PUT",
       body: {
         invoice,
@@ -218,7 +230,7 @@ export default function useSubscription() {
       type: string;
     };
   }) {
-    return $fetch("/api/subscriptions/subscribe", {
+    return useNuxtApp().$api("/api/subscriptions/subscribe", {
       method: "POST",
       body: value,
     });

package/composables/useUser.ts

@@ -7,49 +7,49 @@ export default function useUser() {
     org = "",
     orgName = "",
   } = {}) {
-    return $fetch<Record<string, any>>("/api/auth/invite", {
+    return useNuxtApp().$api<Record<string, any>>("/api/auth/invite", {
       method: "POST",
       body: { email, app, role, roleName, org, orgName },
     });
   }
 
   function updateName({ firstName = "", lastName = "" } = {}) {
-    return $fetch<Record<string, any>>("/api/users/name", {
+    return useNuxtApp().$api<Record<string, any>>("/api/users/name", {
       method: "PUT",
       body: { firstName, lastName },
     });
   }
 
   function updateBirthday({ month = "", day = 0, year = 0 } = {}) {
-    return $fetch<Record<string, any>>("/api/users/birthday", {
+    return useNuxtApp().$api<Record<string, any>>("/api/users/birthday", {
       method: "PUT",
       body: { month, day, year },
     });
   }
 
   function updateGender(gender = "") {
-    return $fetch<Record<string, any>>("/api/users/gender", {
+    return useNuxtApp().$api<Record<string, any>>("/api/users/gender", {
       method: "PUT",
       body: { gender },
     });
   }
 
   function updateEmail(email = "") {
-    return $fetch<Record<string, any>>("/api/users/email", {
+    return useNuxtApp().$api<Record<string, any>>("/api/users/email", {
       method: "PUT",
       body: { email },
     });
   }
 
   function updateContact(contact = "") {
-    return $fetch<Record<string, any>>("/api/users/contact", {
+    return useNuxtApp().$api<Record<string, any>>("/api/users/contact", {
       method: "PUT",
       body: { contact },
     });
   }
 
   function updateUserFieldById(id = "", field = "", value = "") {
-    return $fetch<Record<string, any>>(`/api/users/field/${id}`, {
+    return useNuxtApp().$api<Record<string, any>>(`/api/users/field/${id}`, {
       method: "PATCH",
       body: { field, value },
     });
@@ -61,14 +61,14 @@ export default function useUser() {
     search = "",
     page = 1,
   } = {}) {
-    return $fetch<Record<string, any>>("/api/users", {
+    return useNuxtApp().$api<Record<string, any>>("/api/users", {
       method: "GET",
       query: { status, search, page, type },
     });
   }
 
   function getById(id = "") {
-    return $fetch<Record<string, any>>(`/api/users/id/${id}`, {
+    return useNuxtApp().$api<Record<string, any>>(`/api/users/id/${id}`, {
       method: "GET",
     });
   }
@@ -81,7 +81,7 @@ export default function useUser() {
     referralCode = "",
     type = "",
   } = {}) {
-    return $fetch<Record<string, any>>(`/api/users/invite/${id}`, {
+    return useNuxtApp().$api<Record<string, any>>(`/api/users/invite/${id}`, {
       method: "POST",
       body: { firstName, lastName, password, referralCode, type },
     });

package/composables/useUtils.ts

@@ -136,7 +136,7 @@ export default function useUtils() {
 
   async function getCountries() {
     try {
-      const countries = await $fetch<Array<Record<string, any>>>(
+      const countries = await useNuxtApp().$api<Array<Record<string, any>>>(
         "https://restcountries.com/v3.1/all?fields=name,currencies,idd",
         { method: "GET" }
       );

package/composables/useVerification.ts

@@ -7,7 +7,7 @@ export default function useUser() {
     email = "",
     app = "",
   } = {}) {
-    return $fetch<Record<string, any>>("/api/verifications", {
+    return useNuxtApp().$api<Record<string, any>>("/api/verifications", {
       method: "GET",
       query: { status, search, page, type, email, app },
     });

package/nuxt.config.ts

@@ -15,6 +15,7 @@ export default defineNuxtConfig({
         secure: true,
         maxAge: 30 * 24 * 60 * 60,
       },
+      API_CORE: (process.env.API_CORE as string) ?? "http://localhost:5001",
       APP: (process.env.APP as string) ?? "App",
       APP_NAME: (process.env.APP_NAME as string) ?? "App",
       APP_NAME_ROUTE: (process.env.APP_NAME_ROUTE as string) ?? "index",

package/package.json

@@ -2,7 +2,7 @@
   "name": "@eeplatform/nuxt-layer-common",
   "license": "MIT",
   "type": "module",
-  "version": "1.7.17",
+  "version": "1.7.19",
   "main": "./nuxt.config.ts",
   "publishConfig": {
     "access": "public"

package/plugins/API.ts

@@ -0,0 +1,18 @@
+export default defineNuxtPlugin(() => {
+  const { cookieConfig } = useRuntimeConfig().public;
+
+  const api = $fetch.create({
+    baseURL: useRuntimeConfig().public.API_CORE,
+    credentials: "include",
+    headers: {
+      cookie: `domain=${cookieConfig.domain}; Max-Age=${cookieConfig.maxAge}; Secure=${cookieConfig.secure}`,
+    },
+  });
+
+  // Expose to useNuxtApp().$api
+  return {
+    provide: {
+      api,
+    },
+  };
+});