international AC

gistfile1.txt

<script setup>
import AddressAutocomplete from '@lob/vue-address-autocomplete'
import '@lob/vue-address-autocomplete/dist/styles.css'
</script>

<template>
  <main>
    <label for="country" style="margin-right: 1em">Country</label>
    <select name="country" id="country" v-model="countryCode" style="margin-bottom: 1em">
      <option value="MX">Mexico</option>
      <option value="CA">Canada</option>
      <option value="FR">France</option>
      <option value="CN">China</option>
    </select>
    <AddressAutocomplete
      apiKey="YOUR_API_KEY_HERE"
      isInternational=true
      :country="countryCode"
    />
  </main>
</template>

<script>
  export default {
    data() {
      return {
        countryCode: ""
      }
    }
  }
</script>