From 92deaa64ba7dbc8b5ebe29649b82bbe7c176c84a Mon Sep 17 00:00:00 2001
From: userquin <userquin@gmail.com>
Date: Wed, 10 Feb 2021 12:34:46 +0100
Subject: [PATCH] Make lighthouse PWA compliant (#52)

* fix lighthouse: does not provide a valid apple-touch-icon

* fix lighthouse: manifest doesn't have a maskable icon
---
 index.html     | 1 +
 vite.config.ts | 6 ++++++
 2 files changed, 7 insertions(+)

diff --git a/index.html b/index.html
index 9360132..ac0e00d 100644
--- 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">
diff --git a/vite.config.ts b/vite.config.ts
index db73a47..18ae356 100644
--- 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',
+          },
         ],
       },
     }),