manifest.json

{
    "name": "Gradient Generator",
    "short_name": "Grad Vue",
    "description": "Generador de Degradados para CSS en tiempo real y hecho en el curso de Vue 3",
    "background_color": "#f5f5dc",
    "theme_color": "#f5f5dc",
    "start_url": "./?umt_source=web_app_manifest",
    "scope": "./",
    "lang": "es-CO",
    "display": "fullscreen",
    "orientation": "portrait",
    "icons": [
        {
            "src": "./img/favicon.png",
            "sizes": "16x16",
            "type": "image/png"
        },
        {
            "src": "./img/icon32.png",
            "sizes": "32x32",
            "type": "image/png"
        },
        {
            "src": "./img/icon64.png",
            "sizes": "64x64",
            "type": "image/png"
        },
        {
            "src": "./img/icon128.png",
            "sizes": "128x128",
            "type": "image/png"
        },
        {
            "src": "./img/maskable.png",
            "sizes": "192x192",
            "type": "image/png",
            "purpose": "maskable"
        },
        {
            "src": "./img/icon256.png",
            "sizes": "256x256",
            "type": "image/png"
        },
        {
            "src": "./img/icon512.png",
            "sizes": "512x512",
            "type": "image/png"
        },
        {
            "src": "./img/icon1024.png",
            "sizes": "1024x1024",
            "type": "image/png"
        }
    ]
}