schon/storefront/composables/orders/useOrders.ts

import {GET_ORDERS} from "~/graphql/queries/standalone/orders";
import type {IOrdersResponse} from "~/types";
import {orderStatuses} from "~/config/constants";

interface IOrdersArguments {
  userEmail: string,
  status?: string,
  after?: string,
  search: string
}

interface IOrderVars {
  status: string,
  userEmail: string,
  first: number,
  after?: string,
  search: string
}

export async function useOrders(args: IOrdersArguments) {
  const cartStore = useCartStore();

  const variables = reactive<IOrderVars>({
    status: args.status || '',
    userEmail: args.userEmail,
    first: 10,
    after: args.after,
    search: args.search
  });

  const { pending, data, error, refresh } = await useAsyncQuery<IOrdersResponse>(
    GET_ORDERS,
    variables
  );

  const orders = ref(data.value?.orders.edges.filter((order) => order.node.status !== orderStatuses.PENDING) ?? []);
  const pageInfo = computed(() => data.value?.orders.pageInfo ?? null);

  if (!error.value && data.value?.orders.edges) {
    if (args.status === orderStatuses.PENDING) {
      cartStore.setCurrentOrders(data.value?.orders.edges[0].node);
    }
  }

  watch(
    () => variables.after,
    async (newCursor, oldCursor) => {
      if (!newCursor || newCursor === oldCursor) return;
      await refresh();
      const newEdges = data.value?.orders.edges ?? [];
      orders.value.push(...newEdges);
    }
  );

  watch(
    [
      () => variables.status,
      () => variables.search
    ],
    async () => {
      variables.after = '';
      await refresh();
      orders.value = data.value?.orders.edges ?? [];
    }
  );

  watch(error, (err) => {
    if (err) {
      console.error('useOrders error:', err);
    }
  });

  return {
    pending,
    orders,
    pageInfo,
    variables
  };
}