update pwa and icons

index.html

@@ -5,12 +5,10 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Look Scanned</title>
     <meta name="description" content="Look Scanned is a pure frontend site that makes your PDFs look scanned! No need for printers and scanners anymore - everything you need to do is just a few clicks.">
-    <link rel="icon" href="/icons/favicon.svg" type="image/svg+xml">
-    <link rel="alternate icon" href="/icons/favicon.ico" type="image/png" sizes="16x16">
-    <link rel="apple-touch-icon" href="/icons/apple-touch-icon.png" sizes="180x180">
-    <link rel="mask-icon" href="/icons/safari-pinned-tab.svg" color="#7b7b7b">
-    <meta name="msapplication-TileColor" content="#da532c" />
-    <meta name="msapplication-config" content="/icons/browserconfig.xml" />
+    <link rel="apple-touch-icon" href="/apple-touch-icon.png">
+    <link rel="icon" href="/favicon.ico" sizes="48x48">
+    <link rel="icon" href="/favicon.svg" sizes="any" type="image/svg+xml">
+    <link rel="manifest" href="/site.webmanifest">
     <meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)">
     <meta name="theme-color" content="#101014" media="(prefers-color-scheme: dark)">
     <style>@media (prefers-color-scheme:dark){body{background-color:#101014}}</style>

vite.config.ts

@@ -11,7 +11,7 @@ export default defineConfig({
   plugins: [
     vue(),
     VitePWA({
-      includeAssets: ["favicon.ico", "robots.txt", "icons/*"],
+      includeAssets: ["favicon.ico", "apple-touch-icon.png", "favicon.svg"],
       workbox: {
         globPatterns: ["assets/*", "**/*.{js,css,html}"],
         maximumFileSizeToCacheInBytes: 10000000,
@@ -24,15 +24,29 @@ export default defineConfig({
         theme_color: "#ffffff",
         icons: [
           {
-            src: "icons/android-chrome-192x192.png",
-            sizes: "192x192",
-            type: "image/png",
+            "src": "pwa-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png",
+            "purpose": "any"
           },
           {
-            src: "icons/android-chrome-512x512.png",
-            sizes: "512x512",
-            type: "image/png",
+            "src": "pwa-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png",
+            "purpose": "any"
           },
+          {
+            "src": "pwa-maskable-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png",
+            "purpose": "maskable"
+          },
+          {
+            "src": "pwa-maskable-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png",
+            "purpose": "maskable"
+          }
         ],
       },
     }),