useLarafetch with async functions inside other composable about breeze-nuxt HOT 4 CLOSED

// useDocuments.ts
export const useDocuments = async () => {
  const { data: documents, ...rest } = await useLarafetch("/documents", {
    lazy: true,
  });

  return {
    documents,
    ...rest,
  };
};

// useDocuments.ts

import { defineStore } from "pinia";

export const useDocuments = defineStore("documents", () => {
  const documents = ref<undefined | null | any[]>(undefined);
  let page = ref(1);
  const pending = ref(false);

  async function getDocuments() {
    pending.value = true;
    documents.value = documents.value ?? null;
    const newDocs = await $larafetch(`/documents?page=${page.value}`);
    pending.value = false;
    documents.value = [...(documents.value || []), ...newDocs];
  }

  async function nextPage() {
    page.value++;
    return getDocuments();
  }

  return {
    documents,
    page,
    nextPage,
    pending,
  };
});