specify all icons path to fix pwa issue,

bastienwirtz · Jun 10, 2020 · a23914d · a23914d
1 parent 9e4fe0d
commit a23914d
Show file tree

Hide file tree

Showing 2 changed files with 78 additions and 1 deletion.
diff --git a/public/index.html b/public/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width,initial-scale=1.0, viewport-fit=cover">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0,viewport-fit=cover">
     <meta name="robots" content="noindex">
     <link rel="icon" href="<%= BASE_URL %>favicon.png">
     <title><%= htmlWebpackPlugin.options.title %></title>

diff --git a/vue.config.js b/vue.config.js
@@ -12,6 +12,83 @@ module.exports = {
     manifestPath: "assets/manifest.json",
     appleMobileWebAppStatusBarStyle: "black",
     appleMobileWebAppCapable: "yes",
+    name: "Homer Dashboard",
+    short_name: "Homer",
+    theme_color: "#3367D6",
+    icons: [
+      {
+        src: "./assets/icons/android-chrome-192x192.png",
+        sizes: "192x192",
+        type: "image/png",
+      },
+      {
+        src: "./assets/icons/android-chrome-512x512.png",
+        sizes: "512x512",
+        type: "image/png",
+      },
+      {
+        src: "./assets/icons/android-chrome-maskable-192x192.png",
+        sizes: "192x192",
+        type: "image/png",
+        purpose: "maskable",
+      },
+      {
+        src: "./assets/icons/android-chrome-maskable-512x512.png",
+        sizes: "512x512",
+        type: "image/png",
+        purpose: "maskable",
+      },
+      {
+        src: "./assets/icons/apple-touch-icon-60x60.png",
+        sizes: "60x60",
+        type: "image/png",
+      },
+      {
+        src: "./assets/icons/apple-touch-icon-76x76.png",
+        sizes: "76x76",
+        type: "image/png",
+      },
+      {
+        src: "./assets/icons/apple-touch-icon-120x120.png",
+        sizes: "120x120",
+        type: "image/png",
+      },
+      {
+        src: "./assets/icons/apple-touch-icon-152x152.png",
+        sizes: "152x152",
+        type: "image/png",
+      },
+      {
+        src: "./assets/icons/apple-touch-icon-180x180.png",
+        sizes: "180x180",
+        type: "image/png",
+      },
+      {
+        src: "./assets/icons/apple-touch-icon.png",
+        sizes: "180x180",
+        type: "image/png",
+      },
+      {
+        src: "./assets/icons/favicon-16x16.png",
+        sizes: "16x16",
+        type: "image/png",
+      },
+      {
+        src: "./assets/icons/favicon-32x32.png",
+        sizes: "32x32",
+        type: "image/png",
+      },
+      {
+        src: "./assets/icons/msapplication-icon-144x144.png",
+        sizes: "144x144",
+        type: "image/png",
+      },
+      {
+        src: "./assets/icons/mstile-150x150.png",
+        sizes: "150x150",
+        type: "image/png",
+      },
+    ],
     iconPaths: {
       favicon32: "assets/icons/favicon-32x32.png",
       favicon16: "assets/icons/favicon-16x16.png",