fix(pwa): added reload on new version

nuxt.config.js

@@ -29,6 +29,7 @@ export default {
 
   // Plugins to run before rendering page (https://go.nuxtjs.dev/config-plugins)
   plugins: [
+    {src: '~/plugins/pwa-update.plugin.ts', mode: 'client'},
     '~/plugins/vuetify-toast'
   ],
 

plugins/pwa-update.plugin.ts

@@ -0,0 +1,26 @@
+import { Plugin } from '@nuxt/types'
+
+const pwaUpdatePlugin: Plugin = async () => {
+  // @ts-ignore
+  const workbox = await window.$workbox
+
+  if (!workbox) {
+    // eslint-disable-next-line no-console
+    console.debug("Workbox couldn't be loaded.")
+    return
+  }
+
+  workbox.addEventListener('installed', (event: { isUpdate: boolean }) => {
+    if (!event.isUpdate) {
+      // eslint-disable-next-line no-console
+      console.debug('The PWA is on the latest version.')
+      return
+    }
+
+    // eslint-disable-next-line no-console
+    console.debug('There is an update for the PWA, reloading...')
+    window.location.reload()
+  })
+}
+
+export default pwaUpdatePlugin