Vue.js promise-loading mixin

wrapLoading.js

export default {
  data() {
    return {
      loading: false,
      loadingText: null,
    };
  },

  methods: {
    load(promise, text) {
      this.loadingText = text || '';
      this.loading = true;

      promise.catch(() => {}).then(() => {
        this.loading = false;
      });

      // return original promise so we don't bork the response
      return promise;
    },
  },
};