vue-internet-checker

Check Internet Availability for your vue app

Usage no npm install needed!

<script type="module">
  import vueInternetChecker from 'https://cdn.skypack.dev/vue-internet-checker';
</script>

README

vue-internet-checker

  • Check Internet Availability for your vue app 😃.

  • Get notifications regarding your internet Availability by using it. In needing of your feedback for my efforts.😃

  • This is on GitHub so let me know if I've b0rked it somewhere, give me a star :star: if you like it :beers:

Requirements

:white_check_mark: Install :ok_hand:

npm install vue-internet-checker
# or
yarn add vue-internet-checker

CDN: UNPKG | jsDelivr (available as window.vueInternetChecker)

:white_check_mark: Usage :mortar_board:

Register the component globally:

Vue.component('vueInternetChecker', require('vue-internet-checker'));

Or use locally

import vueInternetChecker from 'vue-internet-checker';

:white_check_mark: Example :four_leaf_clover:

template

<vue-internet-checker
  @status="status"
  @event="event"
/>

script

  import vueInternetChecker from 'vue-internet-checker';

  export default {
    components: {
      vueInternetChecker,
    },
     data: () => ({
      onLine: null,
    }),
    methods: {
      status(ele) {
        console.log(ele);
        this.onLine = ele;
      },
      event(ele) {
        console.log(ele);
      },
    },
  };

CSS


:white_check_mark: :ear: Events

Name Description
status Emits an Boolean value which can be used for multiple purposes in your app.
event

Contributing

  1. Fork it!
  2. Create your feature branch: git checkout -b my-new-feature
  3. Commit your changes: git commit -am 'Add some feature'
  4. Push to the branch: git push origin my-new-feature
  5. Submit a pull request :D

Author

vue-internet-checker © Harsh Mendapara, Released under the MIT License.
Authored and maintained by Harsh Mendapara with help from contributors (list).

GitHub @Harsh Mendapara

Gmail @Harsh Mendapara

Linkedin @Harsh Mendapara

Facebook @Harsh Mendapara

Let's fly together :)