nuxt-community / pwa-module

Zero config PWA solution for Nuxt.js
https://pwa.nuxtjs.org
MIT License
1.24k stars 171 forks source link

How to add required properties #536

Closed artrayd closed 1 year ago

artrayd commented 1 year ago

I want to add following properties:

orientation: 'portrait-primary', display_override: 'fullscreen', display: 'fullscreen',

And some icon with "purpose: any", according to requirements.

Here is code of my manifest file:

  pwa: {
    name: 'My App Name',
    background_color: '#BE40FF',
    theme_color: '#D4E8FF',
    icon: true,
    manifest: {
      name: 'My App Name,
      orientation: 'portrait-primary',
      short_name: 'shortname,
      display_override: 'fullscreen',
      display: 'fullscreen',
      id: '/?standalone=true',
      categories: ['social', 'events', 'fun', 'entertainment'],
      dir: 'rtl',

      icons: [
        {
          src: '/img/favicon/android-chrome-192x192.png',
          sizes: '192x192',
          type: 'image/png',
          purpose: 'any',
        },
        {
          src: '/img/favicon/android-chrome-maskable-192x192.png',
          sizes: '192x192',
          type: 'image/png',
          purpose: 'maskable',
        },

        {
          src: '/img/favicon/android-chrome-512x512.png',
          sizes: '512x512',
          type: 'image/png',
          purpose: 'any',
        },

        {
          src: '/img/favicon/android-chrome-maskable-512x512.png',
          sizes: '512x512',
          type: 'image/png',
          purpose: 'maskable',
        },
      ],
    },
    workbox: {
      importScripts: ['/offline-sw.js'],
    },
    shortcuts: [
      {
        name: 'Create new',
        url: '/create',
      },
    ],
  },
}

And here is what I get:

{
  "name": "Surprising Gift Service",
  "short_name": "surprising-gift",
  "theme_color": "#D4E8FF",
  "icons": [
    {
      "src": "./img/icons/android-chrome-192x192.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "./img/icons/android-chrome-512x512.png",
      "sizes": "512x512",
      "type": "image/png"
    },
    {
      "src": "./img/icons/android-chrome-maskable-192x192.png",
      "sizes": "192x192",
      "type": "image/png",
      "purpose": "maskable"
    },
    {
      "src": "./img/icons/android-chrome-maskable-512x512.png",
      "sizes": "512x512",
      "type": "image/png",
      "purpose": "maskable"
    }
  ],
  "start_url": ".",
  "display": "standalone",
  "orientation": "portrait-primary",
  "background_color": "#BE40FF"
}

No matter what I do, the output is always the same..

If I set icon: false, so manifest is not generated.. Each time I need to wait 20 mins to figured out that something is off with that file... Please tell me what I'm doing wrong 🙏

artrayd commented 1 year ago

Also if I set icon to false, so manifest file is not generated at all...

artrayd commented 1 year ago

Finally I found that manifest.json is not generating and I need to edit it manually.