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:
@@ -60,6 +60,7 @@ useHead({
|
||||
],
|
||||
meta: [
|
||||
{ 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-status-bar-style', content: 'default' }
|
||||
]
|
||||
|
||||
@@ -30,6 +30,7 @@ export default defineNuxtConfig({
|
||||
theme_color: '#00DC82',
|
||||
background_color: '#ffffff',
|
||||
display: 'standalone',
|
||||
display_override: ['window-controls-overlay'],
|
||||
orientation: 'portrait',
|
||||
scope: '/',
|
||||
start_url: '/',
|
||||
@@ -52,6 +53,29 @@ export default defineNuxtConfig({
|
||||
type: 'image/png',
|
||||
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: {
|
||||
|
||||
Reference in New Issue
Block a user