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: { pwa: {
registerType: 'autoUpdate', registerType: 'autoUpdate',
includeAssets: ['favicon.ico', 'apple-touch-icon.png', 'icon.svg', 'offline.html'], includeAssets: ['favicon.ico', 'icon.png', 'icons/*.png'],
manifest: { manifest: {
name: 'PrinterCentral - Control de Impresoras Epson', name: 'Printer Central',
short_name: 'PrinterCentral', short_name: 'Printer',
description: 'Aplicación para controlar impresoras Epson ePOS vía protocolo SOAP/XML', description: 'Administra tus impresoras de forma facil y rapida.',
theme_color: '#1a1a1a', theme_color: '#3f75d2',
background_color: '#0a0a0a', background_color: '#ffffff',
display: 'standalone', display: 'standalone',
display_override: ['window-controls-overlay'],
orientation: 'portrait', orientation: 'portrait',
scope: '/', scope: '/',
start_url: '/', start_url: '/',
icons: [ 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', sizes: '192x192',
type: 'image/png', type: 'image/png',
purpose: 'any' purpose: 'any'
}, },
{ {
src: '/icon-512x512.png', src: '/icons/icon-384.png',
sizes: '512x512', sizes: '384x384',
type: 'image/png', type: 'image/png'
purpose: 'any'
}, },
{ {
src: '/icon-512x512-maskable.png', src: '/icons/icon-512.png',
sizes: '512x512', sizes: '512x512',
type: 'image/png', type: 'image/png',
purpose: 'maskable' purpose: 'any maskable'
} }
] ]
}, },
workbox: { workbox: {
navigateFallback: '/offline.html', navigateFallback: '/',
navigateFallbackDenylist: [/^\/api\//], navigateFallbackDenylist: [/^\/api\//],
globPatterns: ['**/*.{js,css,html,png,svg,ico,json,jpeg}'], globPatterns: ['**/*.{js,css,html,png,svg,ico,json,jpeg}'],
cleanupOutdatedCaches: true, cleanupOutdatedCaches: true,

BIN
public/icon.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 403 KiB

BIN
public/icons/icon-128.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

BIN
public/icons/icon-144.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

BIN
public/icons/icon-152.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

BIN
public/icons/icon-192.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 38 KiB

BIN
public/icons/icon-384.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 142 KiB

BIN
public/icons/icon-512.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 252 KiB

BIN
public/icons/icon-72.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.8 KiB

BIN
public/icons/icon-96.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB