93 lines
2.3 KiB
TypeScript
93 lines
2.3 KiB
TypeScript
import { useAsync, ref } from "@nuxtjs/composition-api";
|
|
import { useApiSingleton } from "~/composables/use-api";
|
|
import { UserIn, UserOut } from "~/types/api-types/user";
|
|
|
|
/*
|
|
TODO: Potentiall combine useAllUsers and useUser by delaying the get all users functinality
|
|
Unsure how this could work but still be clear and functional. Perhaps by passing arguments to the useUsers function
|
|
to control whether the object is substantiated... but some of the others rely on it being substantiated...Will come back to this.
|
|
*/
|
|
|
|
export const useAllUsers = function () {
|
|
const api = useApiSingleton();
|
|
const loading = ref(false);
|
|
|
|
function getAllUsers() {
|
|
loading.value = true;
|
|
const asyncKey = String(Date.now());
|
|
const allUsers = useAsync(async () => {
|
|
const { data } = await api.users.getAll();
|
|
return data;
|
|
}, asyncKey);
|
|
|
|
loading.value = false;
|
|
return allUsers;
|
|
}
|
|
|
|
async function refreshAllUsers() {
|
|
loading.value = true;
|
|
const { data } = await api.users.getAll();
|
|
users.value = data;
|
|
loading.value = false;
|
|
}
|
|
|
|
const users = getAllUsers();
|
|
|
|
return { users, refreshAllUsers };
|
|
};
|
|
|
|
export const useUser = function (refreshFunc: CallableFunction | null = null) {
|
|
const api = useApiSingleton();
|
|
const loading = ref(false);
|
|
|
|
function getUser(id: string) {
|
|
loading.value = true;
|
|
const user = useAsync(async () => {
|
|
const { data } = await api.users.getOne(id);
|
|
return data;
|
|
}, id);
|
|
|
|
loading.value = false;
|
|
return user;
|
|
}
|
|
|
|
async function createUser(payload: UserIn) {
|
|
loading.value = true;
|
|
const { data } = await api.users.createOne(payload);
|
|
|
|
console.log(payload, data);
|
|
|
|
if (refreshFunc) {
|
|
refreshFunc();
|
|
}
|
|
|
|
loading.value = false;
|
|
return data;
|
|
}
|
|
|
|
async function deleteUser(id: string) {
|
|
loading.value = true;
|
|
const { data } = await api.users.deleteOne(id);
|
|
loading.value = false;
|
|
|
|
if (refreshFunc) {
|
|
refreshFunc();
|
|
}
|
|
|
|
return data;
|
|
}
|
|
|
|
async function updateUser(slug: string, user: UserOut) {
|
|
loading.value = true;
|
|
const { data } = await api.users.updateOne(slug, user);
|
|
loading.value = false;
|
|
|
|
if (refreshFunc) {
|
|
refreshFunc();
|
|
}
|
|
|
|
return data;
|
|
}
|
|
|
|
return { loading, getUser, deleteUser, updateUser, createUser };
|
|
};
|