2026-08-21 17:59:02 +02:00
2 changed files with 15 additions and 0 deletions
@@ -3,9 +3,14 @@
  <head>
    <meta charset="UTF-8">
    <link rel="icon" href="/favicon.ico">
+    <link rel="apple-touch-icon" href="/apple-touch-icon.png">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
    <meta name="theme-color" content="#0a0e1a">
    <meta name="color-scheme" content="dark">
+    <meta name="mobile-web-app-capable" content="yes">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
+    <meta name="apple-mobile-web-app-title" content="dttmr">
    <title>dttmr</title>
  </head>
  <body>
@@ -12,13 +12,17 @@ export default defineConfig({
    vueDevTools(),
    VitePWA({
      registerType: 'autoUpdate',
+      includeAssets: ['favicon.ico', 'apple-touch-icon.png'],
      workbox: {
        globPatterns: ['**/*.{js,css,html,ico,png,svg}']
      },
      manifest: {
+        id: '/',
        name: 'dittmar.dev',
        short_name: 'dttmr',
        description: 'dittmar.dev frontend app',
+        start_url: '/',
+        scope: '/',
        theme_color: '#0a0e1a',
        background_color: '#0a0e1a',
        display: 'standalone',
@@ -32,6 +36,12 @@ export default defineConfig({
            src: 'pwa-512x512.png',
            sizes: '512x512',
            type: 'image/png',
+          },
+          {
+            src: 'maskable-icon-512x512.png',
+            sizes: '512x512',
+            type: 'image/png',
+            purpose: 'maskable',
          }
        ]
      }