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: [
|
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' }
|
||||||
]
|
]
|
||||||
|
|||||||
@@ -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: {
|
||||||
|
|||||||
Reference in New Issue
Block a user