import { create } from 'axios';
import { ref } from 'vue';
import DashboardData = App.Features.Dashboard.Data.DashboardData;

export default function useDashboardViewModel() {
    const isLoading = ref<boolean>(false);
    const dashboardData = ref<DashboardData>();

    function getDashboardData() {
        isLoading.value = true;

        const client = create();
        client
            .get<DashboardData>('/api/energy-prices')
            .then((res) => {
                dashboardData.value = res.data;
            })
            .finally(() => (isLoading.value = false));
    }

    return { isLoading, dashboardData, getDashboardData };
}