A utility function to deep unref Vue reactive entities. Adapted from vue-deepunref, but now with types and slightly more concise code

vue-dee-unref.ts

export function deepUnref<TInput>(val: MaybeRef<TInput>): TInput {
  const checkedVal = isRef(val) ? unref(val) : val;

  if (!isPlainObject(checkedVal)) {
    return checkedVal;
  }

  if (Array.isArray(checkedVal)) {
    return checkedVal.map(deepUnref) as TInput;
  }

  return unrefObject(checkedVal);
}

function smartUnref<TVal>(val: MaybeRef<TVal>): TVal {
  if (val !== null && !isRef(val) && typeof val === 'object') {
    return deepUnref(val);
  }

  return unref(val);
}

function unrefObject<TObj extends Record<string, unknown>>(obj: TObj) {
  const mapped = objectKeys(obj).map((key) => {
    return [key, smartUnref(obj[key])];
  });

  return Object.fromEntries(mapped);
}