Update paths and style

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

diff --git a/vue.config.js b/vue.config.js
index 3b104f727f2c31603659bd4b0853a40ea37c9e59..07d9589c2a5cf34a8dda428ca3037c10335ef6c0 100644 (file)
--- a/vue.config.js
+++ b/vue.config.js
@@ -7,7 +7,59 @@ module.exports = {
       .loader("raw-loader")
       .end();
   },
+  publicPath: "",
   pwa: {
-    manifestPath: "assets/manifest.json"
-  }
+    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/icon-maskable.png",
+      maskIcon: "assets/icons/safari-pinned-tab.svg",
+      msTileImage: "assets/icons/icon-any.png",
+    },
+  },
 };