diff --git a/nuxt4/app/app.vue b/nuxt4/app/app.vue index 95876fb..f1e1f4a 100644 --- a/nuxt4/app/app.vue +++ b/nuxt4/app/app.vue @@ -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' } ] diff --git a/nuxt4/nuxt.config.ts b/nuxt4/nuxt.config.ts index eb8dbc3..5a38244 100644 --- a/nuxt4/nuxt.config.ts +++ b/nuxt4/nuxt.config.ts @@ -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: {