getOption does not work when value is an object.

[mathieutu]

Version

• Vue version: 3

Description

Hi, thanks for your great package.
When using an object as value, we can' t properly set the modelValue from the outside:

multiselect/src/composables/useOptions.js

Lines 545 to 547 in f8af61b

	const getOption = (val) => {
	return eo.value[eo.value.map(o => String(o[valueProp.value])).indexOf(String(val))]
	}

Indeed, String(val) will be [Object object], as well as String(o), so the first object item in the list will be selected.

We could either use JSON.stringify instead of String, or let the user provide their own function.

What would you think?

I'd be glad to open a PR.
Mathieu.

Demo

https://jsfiddle.net/jhrbdwk6/

[mathieutu]

I've patched the package with yarn patch, and

-    return eo.value[eo.value.map(o => String(o[valueProp.value])).indexOf(String(val))]
+    return eo.value[eo.value.map(o => JSON.stringify(o[valueProp.value])).indexOf(JSON.stringify(val))]

works pretty well.

(Btw I also wonder why you use an indexOf, instead of doing a standard find:

return eo.value.find(o => JSON.stringify(o[valueProp.value]) === JSON.stringify(val));

)