fixr: add PWA assets configuration to remove white padding and update icon

Author: wmCmo

package.json

@@ -1,11 +1,12 @@
 {
   "name": "jisho",
   "private": true,
-  "version": "1.5.0",
+  "version": "1.5.1",
   "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "vite build",
+    "generate-pwa-assets": "pwa-assets-generator --override",
     "lint": "eslint .",
     "preview": "vite preview"
   },

public/maskable-icon-512x512.png

@@ -0,0 +1,23 @@
+import {
+  defineConfig,
+  minimal2023Preset as preset,
+} from '@vite-pwa/assets-generator/config'
+
+export default defineConfig({
+  headLinkOptions: {
+    preset: '2023',
+  },
+  preset: {
+    ...preset,
+    // Keep the generator defaults, but avoid the default white background on maskable icons.
+    maskable: {
+      ...preset.maskable,
+      padding: 0.2,
+      resizeOptions: {
+        background: '#1B2028',
+        fit: 'contain',
+      },
+    },
+  },
+  images: ['public/pwa-source.svg'],
+})