OfflineStaleBanner.vue

Detect the current status using the connectivityStore states for isOnline and chacheIsStale. 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

📄 View source on GitHub

Used Stores

• useConnectivityStore

Reactivity

currentAlertType (computed)

Detect the current status using the connectivityStore states for isOnline and chacheIsStale. 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