robin/dttmr-fe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: properly support pwa

Browse Source
This commit is contained in:
robin
2026-08-21 17:37:07 +02:00
parent 10aefdd655
commit f8df8e224c
2 changed files with 15 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+5
View File
@@ -3,9 +3,14 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<link rel="icon" href="/favicon.ico"> <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="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
<meta name="theme-color" content="#0a0e1a"> <meta name="theme-color" content="#0a0e1a">
<meta name="color-scheme" content="dark"> <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> <title>dttmr</title>
</head> </head>
<body> <body>
vite.config.ts
+10
View File
@@ -12,13 +12,17 @@ export default defineConfig({
vueDevTools(), vueDevTools(),
VitePWA({ VitePWA({
registerType: 'autoUpdate', registerType: 'autoUpdate',
includeAssets: ['favicon.ico', 'apple-touch-icon.png'],
workbox: { workbox: {
globPatterns: ['**/*.{js,css,html,ico,png,svg}'] globPatterns: ['**/*.{js,css,html,ico,png,svg}']
}, },
manifest: { manifest: {
id: '/',
name: 'dittmar.dev', name: 'dittmar.dev',
short_name: 'dttmr', short_name: 'dttmr',
description: 'dittmar.dev frontend app', description: 'dittmar.dev frontend app',
start_url: '/',
scope: '/',
theme_color: '#0a0e1a', theme_color: '#0a0e1a',
background_color: '#0a0e1a', background_color: '#0a0e1a',
display: 'standalone', display: 'standalone',
@@ -32,6 +36,12 @@ export default defineConfig({
src: 'pwa-512x512.png', src: 'pwa-512x512.png',
sizes: '512x512', sizes: '512x512',
type: 'image/png', type: 'image/png',
},
{
src: 'maskable-icon-512x512.png',
sizes: '512x512',
type: 'image/png',
purpose: 'maskable',
} }
] ]
} }