vue3-autocomplete-11

<script>
import { ref } from "vue";

// insert import statement
import useAddressSuggestions from "./useAddressSuggestions";

export default {
  name: "App",
  setup () {
    const address = ref()
    const city = ref()
    const state = ref()
    const zip = ref()

    // insert 2 const and async function
    const suggestions = ref([])
    const { getSuggestions } = useAddressSuggestions()
    async function onAddressInput (val) {
      suggestions.value = await getSuggestions(val)
    }
    return {
      address, 
      city, 
      state, 
      zip, 
      
      // insert 3 more return props
      suggestions,
      getSuggestions, 
      onAddressInput
    }
  }
}
</script>