docs: explain pwa head/manifest icons (#5408)

vuejs · Jul 7, 2020 · 652f4c7 · 652f4c7
1 parent e311b06
commit 652f4c7
Showing 1 changed file with 26 additions and 0 deletions.
diff --git a/docs/core-plugins/pwa.md b/docs/core-plugins/pwa.md
@@ -83,6 +83,30 @@ file, or the `"vue"` field in `package.json`.
       - start_url: `'.'`
       - display: `'standalone'`
       - theme_color: `pwa.themeColor`
+      - icons: `[
+                  {
+                    'src': './img/icons/android-chrome-192x192.png',
+                    'sizes': '192x192',
+                    'type': 'image/png'
+                  },
+                  {
+                    'src': './img/icons/android-chrome-512x512.png',
+                    'sizes': '512x512',
+                    'type': 'image/png'
+                  },
+                  {
+                    'src': './img/icons/android-chrome-maskable-192x192.png',
+                    'sizes': '192x192',
+                    'type': 'image/png',
+                    'purpose': 'maskable'
+                  },
+                  {
+                    'src': './img/icons/android-chrome-maskable-512x512.png',
+                    'sizes': '512x512',
+                    'type': 'image/png',
+                    'purpose': 'maskable'
+                  }
+                ]`
 
 - **pwa.manifestCrossorigin**
 
@@ -106,6 +130,8 @@ file, or the `"vue"` field in `package.json`.
 
     Change these values to use different paths for your icons. As of v4.3.0, you can use `null` as a value and that icon will not be included.
 
+    *NOTE:* These icons are only used to generate the meta tags in the `<head>` of your HTML doc. To change the icon paths for your manifest please use `pwa.manifestOptions.icons`
+
 ### Example Configuration
 
 ```js