diff --git a/assets/js/pwa.js b/assets/js/pwa.js index d7ef31c2f..6bfc89186 100644 --- a/assets/js/pwa.js +++ b/assets/js/pwa.js @@ -1,4 +1,4 @@ -export default (() => { +export default () => { //*** Determine whether or not the PWA has been installed. ***// // Step 1: Check local storage @@ -23,7 +23,7 @@ export default (() => { // Show the install button if the prompt appeared. if (!pwaInstalled) { - document.getElementById('installPWA').style.display = 'block'; + document.querySelector('#installPWA').style.display = 'block'; } }); @@ -34,6 +34,9 @@ export default (() => { document.getElementById('installPWA').style.display = 'none'; }); + // When the app is uninstalled, add the prompts back + + return async () => { if (deferredPrompt) { deferredPrompt.prompt(); @@ -48,4 +51,4 @@ export default (() => { } }; -}); +}; diff --git a/layouts/default.vue b/layouts/default.vue index 4083e806d..6a17733d9 100644 --- a/layouts/default.vue +++ b/layouts/default.vue @@ -54,7 +54,9 @@ }, mounted () { - this.showInstallPrompt = intializePwa(); + (async () => { + this.showInstallPrompt = await intializePwa(); + })(); } }