From d84f78ca2a4fef4a4462b2f40b588ee750817fb6 Mon Sep 17 00:00:00 2001 From: josedario87 Date: Mon, 13 Oct 2025 00:39:30 -0600 Subject: [PATCH] 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 --- nuxt4/app/app.vue | 1 + nuxt4/nuxt.config.ts | 24 ++++++++++++++++++++++++ 2 files changed, 25 insertions(+) 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: {