OfflineStaleBanner.vue

Displays a dismissible alert banner when the user is offline or the cache is stale. Shown on every page via the default layout.

📄 View source on GitHub

Used by

• /layouts/default

Used Stores

• useConnectivityStore

Reactivity

currentAlertType (computed)

Detect the current status using the connectivityStore states for isOnline and cacheIsStale. When offline and cache is "fresh" (< 5days as defined in Workbox) a warning informs the user that data is outdated. If offline and cache stale we show an error as we expect also broken/missing elements