Skip to content

useOnline ​

Category
Export Size
979 B
Last Changed
4 days ago

Reactive online state. A wrapper of useNetwork.

Demo ​

Disconnect your network to see changes
Status: Online

Usage ​

ts
import { 
useOnline
} from '@vueuse/core'
const
online
=
useOnline
()

Component Usage ​

This function also provides a renderless component version via the @vueuse/components package. Learn more about the usage.

vue
<template>
  <UseOnline v-slot="{ 
isOnline
}">
Is Online: {{
isOnline
}}
</UseOnline> </template>

Type Declarations ​

ts
/**
 * Reactive online state.
 *
 * @see https://vueuse.org/useOnline
 * @param options
 *
 * @__NO_SIDE_EFFECTS__
 */
export declare function 
useOnline
(
options
?:
ConfigurableWindow
,
):
Readonly
<
ShallowRef
<boolean>>

Source ​

Source • Demo • Docs

Contributors ​

NoiseFan

Changelog ​

No recent changes

Released under the MIT License.