update vitepwa

package.json

@@ -65,6 +65,6 @@
     "node-fetch": "2.6.1",
     "typescript": "^4.9.3",
     "vite": "^4.0.0",
-    "vite-plugin-pwa": "^0.14.1"
+    "vite-plugin-pwa": "^0.20.0"
   }
-}
+}

vite.config.ts

@@ -1,9 +1,9 @@
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react'
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
 import mdx from "@mdx-js/rollup";
-import remarkFrontmatter from 'remark-frontmatter';
-import remarkMdxFrontmatter from 'remark-mdx-frontmatter';
-import rehypeSlug from 'rehype-slug';
+import remarkFrontmatter from "remark-frontmatter";
+import remarkMdxFrontmatter from "remark-mdx-frontmatter";
+import rehypeSlug from "rehype-slug";
 import rehypeToc from "@stefanprobst/rehype-extract-toc";
 import rehypeTocExport from "@stefanprobst/rehype-extract-toc/mdx";
 import rehypeAutolinkHeadings from "rehype-autolink-headings";
@@ -39,66 +39,66 @@ export default defineConfig({
     }),
     VitePWA({
       workbox: {
-        globPatterns: ["**/*.!(mp4|m4a)"],
+        globPatterns: [
+          "**/*.(js|html|svg|png|jpg|jpeg|eot|woff|woff2|ttf|mp4|m4a)",
+        ],
         maximumFileSizeToCacheInBytes: 5242880,
       },
-      includeAssets: [
-        "**/*.(js|html|svg|png|jpg|jpeg|eot|woff|woff2|ttf)",
-      ],
+      includeAssets: ["**/*.(js|html|svg|png|jpg|jpeg|eot|woff|woff2|ttf)"],
       manifest: {
-        "short_name": "Pashto Grammar",
-        "name": "LingDocs Pashto Grammar",
-        "icons": [
+        short_name: "Pashto Grammar",
+        name: "LingDocs Pashto Grammar",
+        icons: [
           {
-              "src": "icons/android-chrome-36x36.png",
-              "sizes": "36x36",
-              "type": "image/png"
+            src: "icons/android-chrome-36x36.png",
+            sizes: "36x36",
+            type: "image/png",
           },
           {
-              "src": "icons/android-chrome-48x48.png",
-              "sizes": "48x48",
-              "type": "image/png"
+            src: "icons/android-chrome-48x48.png",
+            sizes: "48x48",
+            type: "image/png",
           },
           {
-              "src": "icons/android-chrome-72x72.png",
-              "sizes": "72x72",
-              "type": "image/png"
+            src: "icons/android-chrome-72x72.png",
+            sizes: "72x72",
+            type: "image/png",
           },
           {
-              "src": "icons/android-chrome-96x96.png",
-              "sizes": "96x96",
-              "type": "image/png"
+            src: "icons/android-chrome-96x96.png",
+            sizes: "96x96",
+            type: "image/png",
           },
           {
-              "src": "icons/android-chrome-144x144.png",
-              "sizes": "144x144",
-              "type": "image/png"
+            src: "icons/android-chrome-144x144.png",
+            sizes: "144x144",
+            type: "image/png",
           },
           {
-              "src": "icons/android-chrome-192x192.png",
-              "sizes": "192x192",
-              "type": "image/png"
+            src: "icons/android-chrome-192x192.png",
+            sizes: "192x192",
+            type: "image/png",
           },
           {
-              "src": "icons/android-chrome-256x256.png",
-              "sizes": "256x256",
-              "type": "image/png"
+            src: "icons/android-chrome-256x256.png",
+            sizes: "256x256",
+            type: "image/png",
           },
           {
-              "src": "icons/android-chrome-384x384.png",
-              "sizes": "384x384",
-              "type": "image/png"
+            src: "icons/android-chrome-384x384.png",
+            sizes: "384x384",
+            type: "image/png",
           },
           {
-              "src": "icons/android-chrome-512x512.png",
-              "sizes": "512x512",
-              "type": "image/png"
-          }
+            src: "icons/android-chrome-512x512.png",
+            sizes: "512x512",
+            type: "image/png",
+          },
         ],
-        "start_url": "./table-of-contents",
-        "display": "minimal-ui",
-        "theme_color": "#DEE1E6",
-        "background_color": "#ffffff"
+        start_url: "./table-of-contents",
+        display: "minimal-ui",
+        theme_color: "#DEE1E6",
+        background_color: "#ffffff",
       },
     }),
   ],