vue3-autocomplete-15

<script>
import { ref } from "vue";
import Autocomplete from 'vue3-autocomplete'
import useAddressSuggestions from "./useAddressSuggestions";
export default {
  name: "App",
  components: {
    Autocomplete
  },
  setup () {
    const address = ref()
    const city = ref()
    const state = ref()
    const zip = ref()
    const suggestions = ref([])
    // insert selected function
    function selected(suggestion) {
      address.value.setText(suggestion.data.primary_line)
      city.value = suggestion.data.city
      state.value = suggestion.data.state
      zip.value = suggestion.data.zip_code
      suggestions.value = []
    }
    const { getSuggestions } = useAddressSuggestions()
    async function onAddressInput (val) {
      suggestions.value = await getSuggestions(val)
    }
    return {
      address,
      city,
      state,
      zip,
      onAddressInput,
      suggestions,
      getSuggestions,
      // insert selected prop
      selected
    }
  }
};
</script>