Axios interceptors with toast message using bootstrap vue

interceptors.js

import Vue from 'vue'

export default http => {
  // https://github.com/mzabriskie/axios#interceptors
  http.interceptors.response.use(
    response => response,
    /**
    * This is a central point to handle all
    * error messages generated by HTTP
    * requests
    */
    error => {
      const { response } = error
      if ([401, 419].indexOf(error.response.status) > -1) {
         // Reload or redirect to login page
        window.location.reload()
        return Promise.reject(error)
      }

      const errorMsg = response.data.message || response.statusText
      let errorDesc = null
      const vm = new Vue()
      const h = vm.$createElement

      if (response.status === 422) {
        if (response.data && response.data.errors) {
          errorDesc = h('div', {},
            Object.values(response.data.errors).map(ms => {
              return h('div', {}, ms.map(m => h('div', {}, m)))
            })
          )
        } else {
          errorDesc = h('div', {}, response.data[0])
        }
      } else {
        errorDesc = errorMsg
      }

      vm.$bvToast.toast([errorDesc], {
        title: errorMsg,
        variant: 'danger',
        solid: true
      })

      return Promise.reject(error)
    }
  )
}