vue-deepunref/index.js

Deeply un-reference Vue objects.

const { unref, isRef } = require('vue');

const isObject = (val) => val !== null && typeof val === 'object';
const isArray = Array.isArray;

/**
 * Deeply unref a value, recursing into objects and arrays.
 *
 * @param {Mixed} val - The value to deeply unref.
 *
 * @return {Mixed}
 */
const deepUnref = (val) => {
  const checkedVal = isRef(val) ? unref(val) : val;

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

  if (isArray(checkedVal)) {
    return unrefArray(checkedVal);
  }

  return unrefObject(checkedVal);
};

/**
 * Unref a value, recursing into it if it's an object.
 *
 * @param {Mixed} val - The value to unref.
 *
 * @return {Mixed}
 */
const smartUnref = (val) => {
  // Non-ref object?  Go deeper!
  if (val !== null && ! isRef(val) && typeof val === 'object') {
    return deepUnref(val);
  }

  return unref(val);
};

/**
 * Unref an array, recursively.
 *
 * @param {Array} arr - The array to unref.
 *
 * @return {Array}
 */
const unrefArray = (arr) => {
  const unreffed = [];

  arr.forEach((val) => {
    unreffed.push(smartUnref(val));
  });

  return unreffed;
};

/**
 * Unref an object, recursively.
 *
 * @param {Object} obj - The object to unref.
 *
 * @return {Object}
 */
const unrefObject = (obj) => {
  const unreffed = {};

  // Object? un-ref it!
  Object.keys(obj).forEach((key) => {
    unreffed[key] = smartUnref(obj[key]);
  });

  return unreffed;
}

module.exports = { deepUnref };