offline.js

export default {
  data: () => ({
    online: true
  }),
  mounted () {
    if (!window.navigator) {
      this.online = false
      return
    }
    this.online = Boolean(window.navigator.onLine)
    window.addEventListener('offline', this._NetworkStatus)
    window.addEventListener('online', this._NetworkStatus)
  },
  methods: {
    _NetworkStatus ({ type }) {
      this.online = type === 'online'
    }
  },
  beforeDestroy () {
    window.removeEventListener('offline', this._NetworkStatus)
    window.removeEventListener('online', this._NetworkStatus)
  }
}

mixins: [offline],
watch: {
  online () {
      return !this.online ? 'OFFLINE' : "ONLINE"
  }
}