export const useCacheStore = defineStore('cacheStore', {
  state: () => ({
    userTimesheets: null,
    // Add other cached data properties as needed
  }),

  actions: {
    async getUserTimesheets() {
      // Check if data is already cached
      if (this.userTimesheets) {
        return this.userTimesheets;
      }

      // If not cached, fetch data from the database
      try {
        const response = await fetchDataFromDatabase(); // Replace with your actual API call
        this.userTimesheets = response.data; // Cache the data
        return this.userTimesheets;
      } catch (error) {
        console.error('Error fetching user timesheets:', error);
        throw error;
      }
    },

    // Add other methods to fetch and cache different data as needed
  },
});

// Mock function for fetching data from the database
function fetchDataFromDatabase() {
  return new Promise((resolve) => {
    // Simulate an API call
    setTimeout(() => {
      resolve({ data: /* your fetched data here */ });
    }, 1000); // Simulating a delay of 1 second
  });
}