Make lighthouse PWA compliant (#52)

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

* fix lighthouse: manifest doesn't have a maskable icon
This commit is contained in:
userquin 2021-02-10 12:34:46 +01:00 committed by GitHub
parent 462777c0fc
commit 92deaa64ba
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 0 deletions

View File

@ -4,6 +4,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="/favicon.svg" type="image/svg+xml"> <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"> <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#00aba9">
<meta name="msapplication-TileColor" content="#00aba9"> <meta name="msapplication-TileColor" content="#00aba9">
<meta name="theme-color" content="#ffffff"> <meta name="theme-color" content="#ffffff">

View File

@ -72,6 +72,12 @@ export default defineConfig({
sizes: '512x512', sizes: '512x512',
type: 'image/png', type: 'image/png',
}, },
{
src: '/pwa-512x512.png',
sizes: '512x512',
type: 'image/png',
purpose: 'any maskable',
},
], ],
}, },
}), }),