jcalixte/vue-online-offline

Vue Component for Online & offline events

vue-online-offline

Vue Component with online/offline slots

Project setup

npm install vue-online-offline

or

yarn add vue-online-offline

Usage

<template>
  <vue-online-offline @online="isOnline" @offline="isOffline">
    <div slot="online">I'm online! 🎉</div>
    <div slot="offline">I'm offline. 🤨</div>
  </vue-online-offline>
</template>

<script>
import VueOnlineOffline from 'vue-online-offline'

export default {
  components: { VueOnlineOffline },
  methods: {
    isOnline() {
      console.log(`Now I'm online!`)
    },
    isOffline() {
      console.log(`Now I'm offline.`)
    }
  }
}
</script>

vue-online-offline's Issues

Thanks for the module

Thanks for this module.
Your article on dev.to was also very useful. Bests!
https://dev.to/jcalixte/creating-an-vuejs-component-for-online-offline-events-31mc