Update paths and style

[github/bastienwirtz/homer.git] / vue.config.js

diff --git a/vue.config.js b/vue.config.js
index c244a86e1cb50f5f84d724ee396575f71eff3826..07d9589c2a5cf34a8dda428ca3037c10335ef6c0 100644 (file)
--- a/vue.config.js
+++ b/vue.config.js
@@ -10,14 +10,56 @@ module.exports = {
   publicPath: "",
   pwa: {
     manifestPath: "assets/manifest.json",
+    manifestOptions: {
+      start_url: "../",
+    },
     appleMobileWebAppStatusBarStyle: "black",
     appleMobileWebAppCapable: "yes",
+    name: "Homer Dashboard",
+    short_name: "Homer",
+    theme_color: "#3367D6",
+    icons: [
+      {
+        src: "./icons/favicon-16x16.png",
+        sizes: "16x16",
+        type: "image/png",
+      },
+      {
+        src: "./icons/favicon-32x32.png",
+        sizes: "32x32",
+        type: "image/png",
+      },
+      {
+        src: "./icons/icon-any.png",
+        sizes: "512x512",
+        type: "image/png",
+        purpose: "any",
+      },
+      {
+        src: "./icons/icon-any.svg",
+        sizes: "any",
+        type: "image/svg+xml",
+        purpose: "any",
+      },
+      {
+        src: "./icons/icon-maskable.png",
+        sizes: "512x512",
+        type: "image/png",
+        purpose: "maskable",
+      },
+      {
+        src: "./icons/safari-pinned-tab.svg",
+        sizes: "any",
+        type: "image/svg+xml",
+        purpose: "monochrome",
+      },
+    ],
     iconPaths: {
       favicon32: "assets/icons/favicon-32x32.png",
       favicon16: "assets/icons/favicon-16x16.png",
-      appleTouchIcon: "assets/icons/apple-touch-icon-152x152.png",
+      appleTouchIcon: "assets/icons/icon-maskable.png",
       maskIcon: "assets/icons/safari-pinned-tab.svg",
-      msTileImage: "assets/icons/msapplication-icon-144x144.png",
+      msTileImage: "assets/icons/icon-any.png",
     },
   },
 };