frontend/composables/Account.ts

import type { Client } from "@versia/client";
import type { Account } from "@versia/client/types";

export const useAccount = (
    client: MaybeRef<Client | null>,
    accountId: MaybeRef<string | null>,
) => {
    if (!client) {
        return ref(null as Account | null);
    }

    const output = ref(null as Account | null);

    watchEffect(() => {
        if (toValue(accountId)) {
            toValue(client)
                ?.getAccount(toValue(accountId) ?? "")
                .then((res) => {
                    output.value = res.data;
                });
        }
    });

    return output;
};