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
@@ -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
|
After Width: | Height: | Size: 403 KiB |
BIN
public/icons/icon-128.png
Normal file
|
After Width: | Height: | Size: 18 KiB |
BIN
public/icons/icon-144.png
Normal file
|
After Width: | Height: | Size: 22 KiB |
BIN
public/icons/icon-152.png
Normal file
|
After Width: | Height: | Size: 24 KiB |
BIN
public/icons/icon-192.png
Normal file
|
After Width: | Height: | Size: 38 KiB |
BIN
public/icons/icon-384.png
Normal file
|
After Width: | Height: | Size: 142 KiB |
BIN
public/icons/icon-512.png
Normal file
|
After Width: | Height: | Size: 252 KiB |
BIN
public/icons/icon-72.png
Normal file
|
After Width: | Height: | Size: 6.8 KiB |
BIN
public/icons/icon-96.png
Normal file
|
After Width: | Height: | Size: 11 KiB |