generate assets

package.json

@@ -11,7 +11,8 @@
 		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
 		"test:unit": "vitest",
 		"lint": "prettier  --check . && eslint .",
-		"format": "prettier --write ."
+		"format": "prettier --write .",
+		"generate-pwa-assets": "pwa-assets-generator --preset minimal-2023 static/vball.svg"
 	},
 	"devDependencies": {
 		"@eslint/eslintrc": "^3.1.0",
@@ -35,6 +36,7 @@
 		"@typescript-eslint/eslint-plugin": "^8.8.1",
 		"@typescript-eslint/parser": "^8.8.1",
 		"@vercel/analytics": "^1.3.1",
+		"@vite-pwa/assets-generator": "^0.2.6",
 		"autoprefixer": "^10.4.20",
 		"bits-ui": "^0.21.16",
 		"class-variance-authority": "^0.7.0",

static/manifest.json

@@ -8,10 +8,25 @@
 	"theme_color": "#ffffff",
 	"icons": [
 		{
-			"src": "vball.svg",
+			"src": "pwa-64x64.png",
+			"sizes": "64x64",
+			"type": "image/png"
+		},
+		{
+			"src": "pwa-192x192.png",
+			"sizes": "192x192",
+			"type": "image/png"
+		},
+		{
+			"src": "pwa-512x512.png",
+			"sizes": "512x512",
+			"type": "image/png"
+		},
+		{
+			"src": "maskable-icon-512x512.png",
 			"sizes": "512x512",
 			"type": "image/png",
-			"purpose": "any maskable"
+			"purpose": "maskable"
 		}
 	]
 }