Back to Vueuse

useOnline

skills/vueuse-functions/references/useOnline.md

14.3.0540 B
Original Source

useOnline

Reactive online state. A wrapper of useNetwork.

Usage

ts
import { useOnline } from '@vueuse/core'

const online = useOnline()

Component 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>>