diff --git a/packages/@vue/cli-plugin-pwa/README.md b/packages/@vue/cli-plugin-pwa/README.md index ed406900fd..6669763e47 100644 --- a/packages/@vue/cli-plugin-pwa/README.md +++ b/packages/@vue/cli-plugin-pwa/README.md @@ -83,6 +83,41 @@ file, or the `"vue"` field in `package.json`. - start_url: `'.'` - display: `'standalone'` - theme_color: `pwa.themeColor` + - icons: `pwa.manifestOptions.icons` + +- **pwa.manifestOptions.icons** + + - Default: + + ```js + [ + { + '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' + } + ] + ``` + + This option is the image used in the manifest.json file. + See [this article](https://web.dev/add-manifest/#icons) for more details. - **pwa.manifestCrossorigin**