Umgehen des Overheads tiefer Reaktivität bei großen Datensätzen mit shallowRef

import { shallowRef, triggerRef } from 'vue';
 
export function useLargeDataset() {
  const records = shallowRef([]);
 
  function loadRows(newRows) {
    records.value = Object.freeze(newRows.map(row => ({
      ...row,
      processedAt: Date.now()
    })));
  }
 
  function updateSingleRow(id, updatedFields) {
    const targetIndex = records.value.findIndex(item => item.id === id);
    if (targetIndex !== -1) {
      const updatedArray = [...records.value];
      updatedArray[targetIndex] = {
        ...updatedArray[targetIndex],
        ...updatedFields
      };
      records.value = Object.freeze(updatedArray);
      triggerRef(records);
    }
  }
 
  return { records, loadRows, updateSingleRow };
}