feat: Integrar iconos PWA personalizados
All checks were successful
build-and-deploy / build-and-deploy (push) Successful in 37s

- Agregar iconos en todos los tamanos (72-512px)
- Actualizar manifest con colores y metadata correctos
- Configurar workbox para caching optimo
This commit is contained in:
2025-11-25 10:38:33 -06:00
parent d694d2f7f0
commit 845c89be04
10 changed files with 38 additions and 15 deletions

View File

@@ -31,41 +31,64 @@ export default defineNuxtConfig({
pwa: {
registerType: 'autoUpdate',
includeAssets: ['favicon.ico', 'apple-touch-icon.png', 'icon.svg', 'offline.html'],
includeAssets: ['favicon.ico', 'icon.png', 'icons/*.png'],
manifest: {
name: 'PrinterCentral - Control de Impresoras Epson',
short_name: 'PrinterCentral',
description: 'Aplicación para controlar impresoras Epson ePOS vía protocolo SOAP/XML',
theme_color: '#1a1a1a',
background_color: '#0a0a0a',
name: 'Printer Central',
short_name: 'Printer',
description: 'Administra tus impresoras de forma facil y rapida.',
theme_color: '#3f75d2',
background_color: '#ffffff',
display: 'standalone',
display_override: ['window-controls-overlay'],
orientation: 'portrait',
scope: '/',
start_url: '/',
icons: [
{
src: '/icon-192x192.png',
src: '/icons/icon-72.png',
sizes: '72x72',
type: 'image/png'
},
{
src: '/icons/icon-96.png',
sizes: '96x96',
type: 'image/png'
},
{
src: '/icons/icon-128.png',
sizes: '128x128',
type: 'image/png'
},
{
src: '/icons/icon-144.png',
sizes: '144x144',
type: 'image/png'
},
{
src: '/icons/icon-152.png',
sizes: '152x152',
type: 'image/png'
},
{
src: '/icons/icon-192.png',
sizes: '192x192',
type: 'image/png',
purpose: 'any'
},
{
src: '/icon-512x512.png',
sizes: '512x512',
type: 'image/png',
purpose: 'any'
src: '/icons/icon-384.png',
sizes: '384x384',
type: 'image/png'
},
{
src: '/icon-512x512-maskable.png',
src: '/icons/icon-512.png',
sizes: '512x512',
type: 'image/png',
purpose: 'maskable'
purpose: 'any maskable'
}
]
},
workbox: {
navigateFallback: '/offline.html',
navigateFallback: '/',
navigateFallbackDenylist: [/^\/api\//],
globPatterns: ['**/*.{js,css,html,png,svg,ico,json,jpeg}'],
cleanupOutdatedCaches: true,