valueFieldName doesnt work

[gponty]

Hi :)

<script>
	 import AutoComplete from "simple-svelte-autocomplete"
	
let selectedColor;
async function searchColor(keyword) {
  return [
		{ id:1,color:"White" },
		{ id:2,color:"Black" },
  ]
}
</script>

<AutoComplete
    searchFunction={searchColor}
    bind:selectedItem={selectedColor}
		labelFieldName="color"
		valueFieldName="id"
		onChange="{() => console.log(selectedColor)}"
/>

selectedColor = { id:1,color:"White" } instead of selectedColor = 1

REPL : https://svelte.dev/repl/b6a3421f9a574c148ba740d88e75ab81?version=4.2.9

Thank you

[Astronautilus14]

Yes this is wrong in the readme I think, you should do bind:value={selectedColor} instead.

This example in the read me makes it look like you can use valueFieldName with selectedItem

[gponty]

Thank you @Astronautilus14