PWA Nuxt
Minimal setup for a nuxt app to appear with a installation option on the browser
Code
Prepare a Logo
public/logo.svg
Generate Icon
npx pwa-assets-generator --preset minimal-2023 public/logo.svg
Set Config
nuxt.config.ts
pwa: {
devOptions: {
enabled: true
},
manifest: {
icons: [
{
src: 'pwa-64x64.png',
sizes: '64x64',
type: 'image/png'
},
{
src: 'pwa-192x192.png',
sizes: '192x192',
type: 'image/png'
},
{
src: 'pwa-512x512.png',
sizes: '512x512',
type: 'image/png',
purpose: 'any'
},
{
src: 'maskable-icon-512x512.png',
sizes: '512x512',
type: 'image/png',
purpose: 'maskable'
}
]
}
}