Vue PWA Default Icon Paths are Incorrect

Corrected the icons due to the default iconPaths setting for Vue-PWA plugin is not where the icons actually are.  This corrects issue.

diff --git a/vue.config.js b/vue.config.js
index 3b104f727f2c31603659bd4b0853a40ea37c9e59..ed0fa8c9a8b87104b21fe431b7cdcbe1d38c5db6 100644 (file)
--- a/vue.config.js
+++ b/vue.config.js
@@ -8,6 +8,13 @@ module.exports = {
       .end();
   },
   pwa: {
-    manifestPath: "assets/manifest.json"
+    manifestPath: "assets/manifest.json",
+    iconPaths: {
+      favicon32: 'assets/icons/favicon-32x32.png',
+      favicon16: 'assets/icons/favicon-16x16.png',
+      appleTouchIcon: 'assets/icons/apple-touch-icon-152x152.png',
+      maskIcon: 'assets/icons/safari-pinned-tab.svg',
+      msTileImage: 'assets/icons/msapplication-icon-144x144.png'
+    }
   }
 };