chore(pwa): remove debug warnings in browser console (#1441)

package.json

@@ -94,13 +94,13 @@
         "vite": "^3.2.7",
         "vite-plugin-checker": "^0.5.0",
         "vite-plugin-package-version": "^1.0.2",
-        "vite-plugin-pwa": "^0.13.0",
+        "vite-plugin-pwa": "^0.16.4",
         "vite-plugin-vue2": "^2.0.1",
         "vue-debounce-decorator": "^1.0.1",
         "vue-i18n-extract": "^2.0.7",
         "vue-router": "^3.5.2",
         "vue-template-compiler": "^2.6.14",
-        "workbox-core": "^6.4.2"
+        "workbox-core": "^7.0.0"
     },
     "postcss": {
         "plugins": {

vite.config.ts

@@ -12,7 +12,6 @@ import { VitePWA, VitePWAOptions } from 'vite-plugin-pwa'
 
 const PWAConfig: Partial<VitePWAOptions> = {
     registerType: 'autoUpdate',
-    strategies: 'injectManifest',
     srcDir: 'src',
     filename: 'sw.ts',
     includeAssets: ['fonts/**/*.woff2', 'img/**/*.svg', 'img/**/*.png'],
@@ -52,11 +51,13 @@ const PWAConfig: Partial<VitePWAOptions> = {
                 },
             },
         ],
+        maximumFileSizeToCacheInBytes: 5 * 1024 * 1024,
     },
     /* enable sw on development */
     devOptions: {
         enabled: true,
         type: 'module',
+        suppressWarnings: true,
     },
 }