setValues doesn't respect non plain objects

[VladStepanov]

What happened?

I have a case where i have to store instance of File in my form.
But when i call setValues({ file: new File() }), i get a { file: {} }, instead of { file: File }

I've found an issue in function merge

vee-validate/packages/shared/utils.ts

Lines 26 to 41 in 16bfcf4

	export function merge(target: any, source: any) {
	Object.keys(source).forEach(key => {
	if (isObject(source[key])) {
	if (!target[key]) {
	target[key] = {};
	}
	merge(target[key], source[key]);
	return;
	}
	target[key] = source[key];
	});
	return target;
	}

There should be 1 more guard for isPlainObject(near isObject guard). Here is lodash implementation
https://github.com/lodash/lodash/blob/master/isPlainObject.js

Reproduction steps

1. Create a form(via useForm) with initial form object like: { file: null }
2. Try to setValues to form with non-plain object, for example instance of new File()
3. console.log values object, instead of { file: File } we will found { file: {} }

Version

Vue.js 3.x and vee-validate 4.x

What browsers are you seeing the problem on?

• Firefox
• Chrome
• Safari
• Microsoft Edge

Relevant log output

No response

Demo link

https://stackblitz.com/edit/nuxt-starter-addc1i?file=app.vue

Code of Conduct

• I agree to follow this project's Code of Conduct