Add SVG app icon, fix missing PWA icons

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

public/icons/icon.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+  <rect width="512" height="512" rx="96" fill="#6f4e37"/>
+  <text x="256" y="340" font-size="300" text-anchor="middle" font-family="serif">☕</text>
+</svg>

vite.config.ts

@@ -15,7 +15,7 @@ export default defineConfig({
     vue(),
     VitePWA({
       registerType: 'autoUpdate',
-      includeAssets: ['icons/*.png', 'icons/*.svg'],
+      includeAssets: ['icons/*.svg'],
       manifest: {
         name: 'Coffee Map',
         short_name: 'Coffee',
@@ -27,20 +27,10 @@ export default defineConfig({
         start_url: '/',
         icons: [
           {
-            src: 'icons/icon-192.png',
+            src: 'icons/icon.svg',
-            sizes: '192x192',
+            sizes: 'any',
-            type: 'image/png',
+            type: 'image/svg+xml',
-          },
+            purpose: 'any maskable',
-          {
-            src: 'icons/icon-512.png',
-            sizes: '512x512',
-            type: 'image/png',
-          },
-          {
-            src: 'icons/icon-512.png',
-            sizes: '512x512',
-            type: 'image/png',
-            purpose: 'maskable',
           },
         ],
       },