From b7172da20938a1d9a883efd585211531c368dbc1 Mon Sep 17 00:00:00 2001 From: NBTX Date: Sat, 24 Aug 2019 13:59:41 +0100 Subject: [PATCH] Fix PWA install button --- assets/js/pwa.js | 9 ++++++--- layouts/default.vue | 4 +++- 2 files changed, 9 insertions(+), 4 deletions(-) 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(); + })(); } }