feat: reload automatically on App update

nuxt.config.js

@@ -74,6 +74,7 @@ export default {
     { src: '~/plugins/vuex-router-sync.js', mode: 'client' },
     { src: '~/plugins/vuex-persist.js', mode: 'client' },
     { src: '~/plugins/vue-matomo.js', mode: 'client' },
+    { src: '~/plugins/pwa-update.js', mode: 'client' },
   ],
 
   buildModules: [

plugins/pwa-update.js

@@ -0,0 +1,18 @@
+export default async (context) => {
+  const workbox = await window.$workbox
+
+  if (!workbox) {
+    console.debug("Workbox couldn't be loaded.")
+    return
+  }
+
+  workbox.addEventListener('installed', (event) => {
+    if (!event.isUpdate) {
+      console.debug('The PWA is on the latest version.')
+      return
+    }
+
+    console.debug('There is an update for the PWA, reloading...')
+    location.reload()
+  })
+}