The counterpart to Vue 3's toRefs, deepUnref
will apply unref
recursively until you have an object or array that is completely free of refs. Useful for when you need to pass, for example, a "form" object full of refs to a validation library or to a POST endpoint.
yarn add vue-deepunref
npm install vue-deepunref
import { deepUnref } from 'vue-deepunref';
const form = {
name: ref('Abc Def'),
email: ref('[email protected]'),
}
saveRest({ ...deepUnref(form) });
deepUnref
doesn't work with Set
and Map
objects