mealie/frontend/composables/use-groups.ts

import { useAsync, ref } from "@nuxtjs/composition-api";
import { useAsyncKey } from "./use-utils";
import { useApiSingleton } from "~/composables/use-api";
import { CreateGroup } from "~/api/class-interfaces/groups";

export const useGroup = function () {
  const api = useApiSingleton();

  const actions = {
    getAll() {
      const units = useAsync(async () => {
        const { data } = await api.groups.getCategories();
        return data;
      }, useAsyncKey());

      return units;
    },
    async updateAll() {
      if (!categories.value) {
        return;
      }
      const { data } = await api.groups.setCategories(categories.value);
      categories.value = data;
    },
  };

  const categories = actions.getAll();

  return { actions, categories };
};

export const useGroups = function () {
  const api = useApiSingleton();
  const loading = ref(false);

  function getAllGroups() {
    loading.value = true;
    const asyncKey = String(Date.now());
    const groups = useAsync(async () => {
      const { data } = await api.groups.getAll();
      return data;
    }, asyncKey);

    loading.value = false;
    return groups;
  }

  async function refreshAllGroups() {
    loading.value = true;
    const { data } = await api.groups.getAll();
    groups.value = data;
    loading.value = false;
  }

  async function deleteGroup(id: string | number) {
    loading.value = true;
    const { data } = await api.groups.deleteOne(id);
    loading.value = false;
    refreshAllGroups();
    return data;
  }

  async function createGroup(payload: CreateGroup) {
    console.log(payload);
    loading.value = true;
    const { data } = await api.groups.createOne(payload);

    if (data && groups.value) {
      groups.value.push(data);
    }
  }

  const groups = getAllGroups();

  return { groups, getAllGroups, refreshAllGroups, deleteGroup, createGroup };
};