Add PWA screenshots and window controls overlay

- Add screenshots to manifest (desktop, tablet, mobile)
- Enable window-controls-overlay for Windows compact mode
- Fix deprecated apple-mobile-web-app-capable warning
- Add mobile-web-app-capable meta tag
This commit is contained in:
2025-10-13 00:39:30 -06:00
parent 85cc2306d5
commit d84f78ca2a
2 changed files with 25 additions and 0 deletions

View File

@@ -60,6 +60,7 @@ useHead({
], ],
meta: [ meta: [
{ name: 'theme-color', content: '#00DC82' }, { name: 'theme-color', content: '#00DC82' },
{ name: 'mobile-web-app-capable', content: 'yes' },
{ name: 'apple-mobile-web-app-capable', content: 'yes' }, { name: 'apple-mobile-web-app-capable', content: 'yes' },
{ name: 'apple-mobile-web-app-status-bar-style', content: 'default' } { name: 'apple-mobile-web-app-status-bar-style', content: 'default' }
] ]

View File

@@ -30,6 +30,7 @@ export default defineNuxtConfig({
theme_color: '#00DC82', theme_color: '#00DC82',
background_color: '#ffffff', background_color: '#ffffff',
display: 'standalone', display: 'standalone',
display_override: ['window-controls-overlay'],
orientation: 'portrait', orientation: 'portrait',
scope: '/', scope: '/',
start_url: '/', start_url: '/',
@@ -52,6 +53,29 @@ export default defineNuxtConfig({
type: 'image/png', type: 'image/png',
purpose: 'maskable' purpose: 'maskable'
} }
],
screenshots: [
{
src: '/screenshots/desktop-1.png',
sizes: '1280x720',
type: 'image/png',
form_factor: 'wide',
label: 'Pantalla principal en escritorio'
},
{
src: '/screenshots/tablet-1.png',
sizes: '768x1024',
type: 'image/png',
form_factor: 'narrow',
label: 'Pantalla principal en tablet'
},
{
src: '/screenshots/mobile-1.png',
sizes: '375x667',
type: 'image/png',
form_factor: 'narrow',
label: 'Pantalla principal en móvil'
}
] ]
}, },
workbox: { workbox: {