address_form.js

export default {
  computed: {
    isFormValid() {
      return this.$validator.valid && this.customerAddress.$dirty
    }
    canSave() {
      return this.isFormValid && this.customerAddress.$notBusy
    }
  }
}

app.html

<address-form customer-address.local=`/addresses/${$params.email}`></address-form>

http_actions.js

saveAddress(store, addressParams) {
  
  return $http({
    action: "PUT",
    url: "blah",
    }).then(function () {
      store.dispatch("ADDRESS_SAVED")
      return new Promise(res => res())
    }, function () {
      return new Promise(null, err => err())
    })
}

store.js

import Addresses from './vxa/addresses'

export default {
  state: {
    addresses: new Addresses()
  }
}

vxa_addresses.js

import VuexAsync from 'vuex-async'

export class Addresses {
  static path: 'addresses'
  constructor() {
    this.$vxa = new VuexAsync
  }
}