useNetworkStatus
Online/offline detection composable.
Import
typescript
const { isOnline, wasOffline } = useNetworkStatus()Return Values
| Property | Type | Description |
|---|---|---|
isOnline | Ref<boolean> | Current network status |
wasOffline | Ref<boolean> | Was recently offline (for reconnect UI) |
Features
- Detects online/offline state via browser API
- Shows "Offline" indicator when disconnected
- Shows "Reconnected" toast when back online
- Can queue operations for retry after reconnection
Source
app/composables/useNetworkStatus.ts