diff options
Diffstat (limited to 'vue.config.js')
-rw-r--r-- | vue.config.js | 89 |
1 files changed, 7 insertions, 82 deletions
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 @@ | |||
1 | const manifestOptions = require("./public/assets/manifest.json"); | ||
2 | |||
1 | module.exports = { | 3 | module.exports = { |
2 | chainWebpack: (config) => { | 4 | chainWebpack: (config) => { |
3 | config.module | 5 | config.module |
@@ -10,94 +12,17 @@ module.exports = { | |||
10 | publicPath: "", | 12 | publicPath: "", |
11 | pwa: { | 13 | pwa: { |
12 | manifestPath: "assets/manifest.json", | 14 | manifestPath: "assets/manifest.json", |
13 | manifestOptions: { | ||
14 | start_url: "../", | ||
15 | }, | ||
16 | appleMobileWebAppStatusBarStyle: "black", | 15 | appleMobileWebAppStatusBarStyle: "black", |
17 | appleMobileWebAppCapable: "yes", | 16 | appleMobileWebAppCapable: "yes", |
18 | name: "Homer Dashboard", | 17 | name: manifestOptions.name, |
19 | short_name: "Homer", | 18 | themeColor: manifestOptions.theme_color, |
20 | theme_color: "#3367D6", | 19 | manifestOptions, |
21 | icons: [ | ||
22 | { | ||
23 | src: "./assets/icons/android-chrome-192x192.png", | ||
24 | sizes: "192x192", | ||
25 | type: "image/png", | ||
26 | }, | ||
27 | { | ||
28 | src: "./assets/icons/android-chrome-512x512.png", | ||
29 | sizes: "512x512", | ||
30 | type: "image/png", | ||
31 | }, | ||
32 | { | ||
33 | src: "./assets/icons/android-chrome-maskable-192x192.png", | ||
34 | sizes: "192x192", | ||
35 | type: "image/png", | ||
36 | purpose: "maskable", | ||
37 | }, | ||
38 | { | ||
39 | src: "./assets/icons/android-chrome-maskable-512x512.png", | ||
40 | sizes: "512x512", | ||
41 | type: "image/png", | ||
42 | purpose: "maskable", | ||
43 | }, | ||
44 | { | ||
45 | src: "./assets/icons/apple-touch-icon-60x60.png", | ||
46 | sizes: "60x60", | ||
47 | type: "image/png", | ||
48 | }, | ||
49 | { | ||
50 | src: "./assets/icons/apple-touch-icon-76x76.png", | ||
51 | sizes: "76x76", | ||
52 | type: "image/png", | ||
53 | }, | ||
54 | { | ||
55 | src: "./assets/icons/apple-touch-icon-120x120.png", | ||
56 | sizes: "120x120", | ||
57 | type: "image/png", | ||
58 | }, | ||
59 | { | ||
60 | src: "./assets/icons/apple-touch-icon-152x152.png", | ||
61 | sizes: "152x152", | ||
62 | type: "image/png", | ||
63 | }, | ||
64 | { | ||
65 | src: "./assets/icons/apple-touch-icon-180x180.png", | ||
66 | sizes: "180x180", | ||
67 | type: "image/png", | ||
68 | }, | ||
69 | { | ||
70 | src: "./assets/icons/apple-touch-icon.png", | ||
71 | sizes: "180x180", | ||
72 | type: "image/png", | ||
73 | }, | ||
74 | { | ||
75 | src: "./assets/icons/favicon-16x16.png", | ||
76 | sizes: "16x16", | ||
77 | type: "image/png", | ||
78 | }, | ||
79 | { | ||
80 | src: "./assets/icons/favicon-32x32.png", | ||
81 | sizes: "32x32", | ||
82 | type: "image/png", | ||
83 | }, | ||
84 | { | ||
85 | src: "./assets/icons/msapplication-icon-144x144.png", | ||
86 | sizes: "144x144", | ||
87 | type: "image/png", | ||
88 | }, | ||
89 | { | ||
90 | src: "./assets/icons/mstile-150x150.png", | ||
91 | sizes: "150x150", | ||
92 | type: "image/png", | ||
93 | }, | ||
94 | ], | ||
95 | iconPaths: { | 20 | iconPaths: { |
96 | favicon32: "assets/icons/favicon-32x32.png", | 21 | favicon32: "assets/icons/favicon-32x32.png", |
97 | favicon16: "assets/icons/favicon-16x16.png", | 22 | favicon16: "assets/icons/favicon-16x16.png", |
98 | appleTouchIcon: "assets/icons/apple-touch-icon-152x152.png", | 23 | appleTouchIcon: "assets/icons/icon-maskable.png", |
99 | maskIcon: "assets/icons/safari-pinned-tab.svg", | 24 | maskIcon: "assets/icons/safari-pinned-tab.svg", |
100 | msTileImage: "assets/icons/msapplication-icon-144x144.png", | 25 | msTileImage: "assets/icons/icon-any.png", |
101 | }, | 26 | }, |
102 | }, | 27 | }, |
103 | }; | 28 | }; |