Eigene reaktive Referenz-Implementierung mittels CustomRef Expliziter Trigger

import { customRef } from 'vue';
 
export function useExplicitBufferedRef(initialValue) {
  let value = initialValue;
  let dirty = false;
 
  return customRef((track, trigger) => ({
    get() {
      track();
      return value;
    },
    set(newValue) {
      if (!Object.is(value, newValue)) {
        value = newValue;
        dirty = true;
      }
    },
    commit() {
      if (dirty) {
        dirty = false;
        trigger();
      }
    }
  }));
}