bug: Autocomplete v-model binds object rather than value

[this-gavagai]

The v-model property is currently not working correctly on the Autocomplete component. Instead of binding to the value of the label/value object, it binds to the entire object.

See the following example, taken directly from the documentation:

<template>
  <div class="max-w-screen-md m-auto p-12">
    <Autocomplete
      :options="[
        { label: 'Apple', value: 'apple' },
        { label: 'Banana', value: 'banana' },
        { label: 'Orange', value: 'orange' },
      ]"
      v-model="fruit"
      placeholder="Select a fruit"
    />
    <pre>{{ fruit }}</pre>
  </div>
</template>

<script setup>
import { ref } from 'vue'
import { Autocomplete } from 'frappe-ui'
const fruit = ref('')
</script>

The following output is produced: