From 1a98a7002ac95ce4eab53da206194dfb236b371b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Filip=20=C5=A0?= <filip.stamcar@hotmail.com>
Date: Mon, 21 Feb 2022 11:32:09 +0100
Subject: [PATCH] feat(pwa): add support for 48x48 favicon

---
 packages/@vue/cli-plugin-pwa/README.md           |   1 +
 .../template/public/img/icons/favicon-48x48.png  | Bin 0 -> 2166 bytes
 .../@vue/cli-plugin-pwa/lib/HtmlPwaPlugin.js     |   9 +++++++++
 3 files changed, 10 insertions(+)
 create mode 100644 packages/@vue/cli-plugin-pwa/generator/template/public/img/icons/favicon-48x48.png

diff --git a/packages/@vue/cli-plugin-pwa/README.md b/packages/@vue/cli-plugin-pwa/README.md
index ed406900fd..ab9256a689 100644
--- a/packages/@vue/cli-plugin-pwa/README.md
+++ b/packages/@vue/cli-plugin-pwa/README.md
@@ -97,6 +97,7 @@ file, or the `"vue"` field in `package.json`.
     ```js
     {
       faviconSVG: 'img/icons/favicon.svg',
+      favicon48: 'img/icons/favicon-48x48.png',
       favicon32: 'img/icons/favicon-32x32.png',
       favicon16: 'img/icons/favicon-16x16.png',
       appleTouchIcon: 'img/icons/apple-touch-icon-152x152.png',
diff --git a/packages/@vue/cli-plugin-pwa/generator/template/public/img/icons/favicon-48x48.png b/packages/@vue/cli-plugin-pwa/generator/template/public/img/icons/favicon-48x48.png
new file mode 100644
index 0000000000000000000000000000000000000000..91671569ff3dba2b49ae74ec406a0055a908f8ad
GIT binary patch
literal 2166
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

literal 0
HcmV?d00001

diff --git a/packages/@vue/cli-plugin-pwa/lib/HtmlPwaPlugin.js b/packages/@vue/cli-plugin-pwa/lib/HtmlPwaPlugin.js
index ba86f2a23b..c6a74ebac6 100644
--- a/packages/@vue/cli-plugin-pwa/lib/HtmlPwaPlugin.js
+++ b/packages/@vue/cli-plugin-pwa/lib/HtmlPwaPlugin.js
@@ -46,6 +46,7 @@ const defaultManifest = {
 
 const defaultIconPaths = {
   faviconSVG: 'img/icons/favicon.svg',
+  favicon48: 'img/icons/favicon-48x48.png',
   favicon32: 'img/icons/favicon-32x32.png',
   favicon16: 'img/icons/favicon-16x16.png',
   appleTouchIcon: 'img/icons/apple-touch-icon-152x152.png',
@@ -92,6 +93,14 @@ module.exports = class HtmlPwaPlugin {
             href: getTagHref(publicPath, iconPaths.faviconSVG, assetsVersionStr)
           }))
         }
+        if (iconPaths.favicon48 != null) {
+          data.headTags.push(makeTag('link', {
+            rel: 'icon',
+            type: 'image/png',
+            sizes: '48x48',
+            href: getTagHref(publicPath, iconPaths.favicon48, assetsVersionStr)
+          }))
+        }
         if (iconPaths.favicon32 != null) {
           data.headTags.push(makeTag('link', {
             rel: 'icon',