Make lighthouse PWA compliant (#52)

* fix lighthouse: does not provide a valid apple-touch-icon * fix lighthouse: manifest doesn't have a maskable icon
2021-02-10 12:34:46 +01:00 · 2021-02-10 12:34:46 +01:00 · 92deaa64ba
commit 92deaa64ba
parent 462777c0fc
2 changed files with 7 additions and 0 deletions
--- a/index.html
+++ b/index.html
@ -4,6 +4,7 @@
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="icon" href="/favicon.svg" type="image/svg+xml">
+  <link rel="apple-touch-icon" href="/pwa-192x192.png">
  <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#00aba9">
  <meta name="msapplication-TileColor" content="#00aba9">
  <meta name="theme-color" content="#ffffff">
--- a/vite.config.ts
+++ b/vite.config.ts
@ -72,6 +72,12 @@ export default defineConfig({
            sizes: '512x512',
            type: 'image/png',
          },
+          {
+            src: '/pwa-512x512.png',
+            sizes: '512x512',
+            type: 'image/png',
+            purpose: 'any maskable',
+          },
        ],
      },
    }),