Offline in a Ionic Vue app

I am trying to work on the offline aspects of my app. This can essentially just be a screen or UI elements that say that internet access is required. Attempts to use a service worker or capture error events via try/catch hasn’t resulted in any success. The Ionic docs are light, only saying something about PWA with a service worker. I have a service worker file which has console logs but I never see them console log. I also cannot figure out how to get the iOS simulator to simulate offline either, so I’ve been doing my testing in Chrome. This isn’t ideal either. Please help!

Edit 1: I should also add we are using AppFlow live channels if that matters.

Edit 2: I see the service worker console logs when I deploy. I read something about https so that speaks as to why it wasn’t working on local. However, I still can’t figure out how to capture the events to know the app is offline.