const jsonPOJO = JSON.parse(JSON.stringify(model.value));
const producePOJO = produce(model.value, (draft) => ...);
console.log(jsonPOJO, producePOJO);
The output here would be just plain object.
when assigning these via:
const props = defineProps(['modelValue'])
const emit = defineEmits(['update:modelValue'])
const model = computed({
get: () => readonly(props.modelValue),
set: (value) => emit('update:modelValue', value)
})
// has proxy
model.value = jsonPOJO
// has no proxy
model.value = producePOJO
Open the devtools console when visiting the following reproduction.
Reproduction: