AddressForm.vue

AddressForm.js

import { toRefs, ref, onMounted } from "vue";
 
 
const props = defineProps({
	address: Object,
	formId: String
})
 
const { name, address_line1, address_line2, address_city, address_state, address_zip } = toRefs(props.address)
 
const subscription = ref();
onMounted(() => {
	window.addEventListener("keydown", () => {
		if (subscription.value || !window.LobAddressElements) return
        subscription.value = window.LobAddressElements.on('elements.us_autocompletion.selection', function (payload) {

			if (payload.form.id !== props.formId) return

			const { selection: {
				primary_line, city, state, zip_code
			}
			} = payload

			address_line1.value = primary_line
			address_city.value = city
			address_state.value = state
			address_zip.value = zip_code
      });
   });
});