import {ref, type Ref, watchEffect} from "vue";
import {useActivitiesProcessed} from "./useActivitiesProcessed";

export const useProcessedResource = <T>(loader: () => Promise<T>, initial: T): Ref<T> => {
    const data = ref(initial) as Ref<T>;

    const load = async () => {
        data.value = await loader();
    };

    watchEffect(load);
    useActivitiesProcessed(load);

    return data;
};