diff --git a/public/assets/icons/android-chrome-192x192.png b/public/assets/icons/android-chrome-192x192.png deleted file mode 100644 index 98cf18d..0000000 Binary files a/public/assets/icons/android-chrome-192x192.png and /dev/null differ diff --git a/public/assets/icons/android-chrome-512x512.png b/public/assets/icons/android-chrome-512x512.png deleted file mode 100644 index 53bd8dc..0000000 Binary files a/public/assets/icons/android-chrome-512x512.png and /dev/null differ diff --git a/public/assets/icons/android-chrome-maskable-192x192.png b/public/assets/icons/android-chrome-maskable-192x192.png deleted file mode 100644 index 98cf18d..0000000 Binary files a/public/assets/icons/android-chrome-maskable-192x192.png and /dev/null differ diff --git a/public/assets/icons/android-chrome-maskable-512x512.png b/public/assets/icons/android-chrome-maskable-512x512.png deleted file mode 100644 index 53bd8dc..0000000 Binary files a/public/assets/icons/android-chrome-maskable-512x512.png and /dev/null differ diff --git a/public/assets/icons/apple-touch-icon-120x120.png b/public/assets/icons/apple-touch-icon-120x120.png deleted file mode 100644 index e7cad50..0000000 Binary files a/public/assets/icons/apple-touch-icon-120x120.png and /dev/null differ diff --git a/public/assets/icons/apple-touch-icon-152x152.png b/public/assets/icons/apple-touch-icon-152x152.png deleted file mode 100644 index cf35578..0000000 Binary files a/public/assets/icons/apple-touch-icon-152x152.png and /dev/null differ diff --git a/public/assets/icons/apple-touch-icon-180x180.png b/public/assets/icons/apple-touch-icon-180x180.png deleted file mode 100644 index b567ac3..0000000 Binary files a/public/assets/icons/apple-touch-icon-180x180.png and /dev/null differ diff --git a/public/assets/icons/apple-touch-icon-60x60.png b/public/assets/icons/apple-touch-icon-60x60.png deleted file mode 100644 index 9c7f001..0000000 Binary files a/public/assets/icons/apple-touch-icon-60x60.png and /dev/null differ diff --git a/public/assets/icons/apple-touch-icon-76x76.png b/public/assets/icons/apple-touch-icon-76x76.png deleted file mode 100644 index 6149e65..0000000 Binary files a/public/assets/icons/apple-touch-icon-76x76.png and /dev/null differ diff --git a/public/assets/icons/apple-touch-icon.png b/public/assets/icons/apple-touch-icon.png deleted file mode 100644 index b567ac3..0000000 Binary files a/public/assets/icons/apple-touch-icon.png and /dev/null differ diff --git a/public/assets/icons/icon-any.png b/public/assets/icons/icon-any.png new file mode 100644 index 0000000..c444c5c Binary files /dev/null and b/public/assets/icons/icon-any.png differ diff --git a/public/assets/icons/icon-any.svg b/public/assets/icons/icon-any.svg new file mode 100644 index 0000000..89f4ef7 --- /dev/null +++ b/public/assets/icons/icon-any.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/assets/icons/icon-maskable.png b/public/assets/icons/icon-maskable.png new file mode 100644 index 0000000..896ca66 Binary files /dev/null and b/public/assets/icons/icon-maskable.png differ diff --git a/public/assets/icons/msapplication-icon-144x144.png b/public/assets/icons/msapplication-icon-144x144.png deleted file mode 100644 index 679addc..0000000 Binary files a/public/assets/icons/msapplication-icon-144x144.png and /dev/null differ diff --git a/public/assets/icons/mstile-150x150.png b/public/assets/icons/mstile-150x150.png deleted file mode 100644 index fc64327..0000000 Binary files a/public/assets/icons/mstile-150x150.png and /dev/null differ diff --git a/public/assets/manifest.json b/public/assets/manifest.json index c7a3329..1c98730 100644 --- a/public/assets/manifest.json +++ b/public/assets/manifest.json @@ -1,79 +1,42 @@ { - "name": "Dashboard", - "short_name": "homer", + "name": "Homer Dashboard", + "short_name": "Homer", "theme_color": "#3367D6", + "start_url": "../", "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", + "src": "./icons/favicon-16x16.png", "sizes": "16x16", "type": "image/png" }, { - "src": "./assets/icons/favicon-32x32.png", + "src": "./icons/favicon-32x32.png", "sizes": "32x32", "type": "image/png" }, { - "src": "./assets/icons/msapplication-icon-144x144.png", - "sizes": "144x144", - "type": "image/png" + "src": "./icons/icon-any.png", + "sizes": "512x512", + "type": "image/png", + "purpose": "any" }, { - "src": "./assets/icons/mstile-150x150.png", - "sizes": "150x150", - "type": "image/png" + "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" } ] } diff --git a/vue.config.js b/vue.config.js index abee374..8e84dfe 100644 --- a/vue.config.js +++ b/vue.config.js @@ -1,3 +1,5 @@ +const manifestOptions = require("./public/assets/manifest.json"); + module.exports = { chainWebpack: (config) => { config.module @@ -10,94 +12,17 @@ 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: "./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", - }, - ], + name: manifestOptions.name, + themeColor: manifestOptions.theme_color, + manifestOptions, 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", }, }, };