How to use it outside vue instance ?

i want to show notification with this plugin every error request in axios interceptor ?

Axios interceptors

axios.interceptors.response.use((response) => {
  return response
}, function (error) {
  console.log('Error Axios Hanlder', error.response)
  this.$notify({
    group: 'foo',
    title: 'Important message',
    text: 'Hello user! This is a notification!'
  })
  return Promise.reject(error)
})

Error

Uncaught (in promise) TypeError: __WEBPACK_IMPORTED_MODULE_2_vue__.default.$notify is not a function
    at eval (index.js?2848:10)
    at <anonymous>

[jd-solanki]

Anyone managed to call it in axios response interceptor??

[jgrandar]

It worked for me:

On main.js

import axios from '@/utiles/axios'

Vue.prototype.$axios = axios
Vue.use(Notifications)

const vueInstace = new Vue({
  router,
  store,
  render: h => h(App),
}).$mount('#app')

axios.app = vueInstace

On axios.js

axios.interceptors.response.use(response => response, (error) => {
  if (error.response.status === 422) {
    axios.app.$notify({ type: 'error', text: 'Validation error text.' })
  }
  return Promise.reject(error)
})