From f70fc3ecaee1bded5d699728ab50aada9982b198 Mon Sep 17 00:00:00 2001 From: Tiger Oakes Date: Wed, 2 Sep 2020 22:02:14 -0700 Subject: Reduce number of PWA icons, fix paths --- vue.config.js | 114 ++++++++++++++++++++-------------------------------------- 1 file changed, 38 insertions(+), 76 deletions(-) (limited to 'vue.config.js') diff --git a/vue.config.js b/vue.config.js index abee374..de31367 100644 --- a/vue.config.js +++ b/vue.config.js @@ -1,103 +1,65 @@ module.exports = { chainWebpack: (config) => { config.module - .rule("yaml") + .rule('yaml') .test(/\.ya?ml$/) - .use("raw-loader") - .loader("raw-loader") + .use('raw-loader') + .loader('raw-loader') .end(); }, - publicPath: "", + publicPath: '', pwa: { - manifestPath: "assets/manifest.json", + manifestPath: 'assets/manifest.json', manifestOptions: { - start_url: "../", + start_url: '../', }, - appleMobileWebAppStatusBarStyle: "black", - appleMobileWebAppCapable: "yes", - name: "Homer Dashboard", - short_name: "Homer", - theme_color: "#3367D6", + 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/favicon-16x16.png', + sizes: '16x16', + type: 'image/png', }, { - src: "./assets/icons/android-chrome-512x512.png", - sizes: "512x512", - type: "image/png", + src: '../assets/icons/favicon-32x32.png', + sizes: '32x32', + type: 'image/png', }, { - src: "./assets/icons/android-chrome-maskable-192x192.png", - sizes: "192x192", - type: "image/png", - purpose: "maskable", + src: '../assets/icons/icon-any.png', + sizes: '512x512', + type: 'image/png', + purpose: 'any', }, { - src: "./assets/icons/android-chrome-maskable-512x512.png", - sizes: "512x512", - type: "image/png", - purpose: "maskable", + src: '../assets/icons/icon-any.svg', + sizes: 'any', + type: 'image/svg+xml', + purpose: 'any', }, { - src: "./assets/icons/apple-touch-icon-60x60.png", - sizes: "60x60", - type: "image/png", + src: '../assets/icons/icon-maskable.png', + sizes: '512x512', + type: 'image/png', + purpose: 'maskable', }, { - 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", + src: '../assets/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", - maskIcon: "assets/icons/safari-pinned-tab.svg", - msTileImage: "assets/icons/msapplication-icon-144x144.png", + 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', }, }, }; -- cgit v1.2.3