const updateSW = registerSW({

    immediate: true,

    // Shows UPDATE button in the top toolbar
    onNeedRefresh() {
        Bus.$emit('show-reload');
    },

    onRegisteredSW(swUrl, registered) {
        registered && setInterval(async () => {

            if (!(!registered.installing && navigator)) return
            if (('connection' in navigator) && !navigator.onLine) return

            const resp = await fetch(swUrl, {
                cache: 'no-store',
                headers: {
                    'cache': 'no-store',
                    'cache-control': 'no-cache',
                },
            })

            if (resp?.status === 200) {
                await registered.update();
            }

        }, intervalMS)
    },
})

// When user click on the update button we will execute updateSW() that
// activate the new SW reloads pre-cache + reloads the page
Bus.$on('update-approved', () => {
    updateSW();
});