useNetwork

Package

Share - Core

Category

Sensors

Description

reactive [Network status](https://developer.mozilla.org/en-US/docs/Web/API/Network_Information_API)

Reactive Network status. The Network Information API provides information about the system's connection in terms of general connection type (e.g., 'wifi', 'cellular', etc.). This can be used to select high definition content or low definition content based on the user's connection. The entire API consists of the addition of the NetworkInformation interface and a single property to the Navigator interface: Navigator.connection.

Demo

isSupported: false
isOnline: true
saveData: false
type: 'unknown'

Usage

import { useNetwork } from '@hungpvq/shared-core';

const { isOnline, offlineAt, downlink, downlinkMax, effectiveType, saveData, type } = useNetwork();

console.log(isOnline.value);

To use as an object, wrap it with reactive()

import { reactive } from 'vue';

const network = reactive(useNetwork());

console.log(network.isOnline);