vite.config.pwa.ts

import type { VitePWAOptions } from 'vite-plugin-pwa'

const pwaConfig: Partial<VitePWAOptions> = {
  registerType: 'prompt',
  workbox: {
    navigateFallback: null,
    runtimeCaching: [
      {
        urlPattern: ({ request }) => request.destination == 'image',
        handler: 'CacheFirst',
        options: {
          cacheName: 'image-cache'
        }
      },
      {
        urlPattern: ({ request }) => request.destination == 'font',
        handler: 'CacheFirst',
        options: {
          cacheName: 'font-cache'
        }
      }
    ]
  },
  devOptions: {
    enabled: false
  },
  manifest: {
    name: 'PicW',
    short_name: 'PicW',
    description: 'A site for uploading images to github',
    theme_color: '#ffffff',
    icons: [
      {
        src: 'pwa/android-chrome-192x192.png',
        sizes: '192x192',
        type: 'image/png'
      },
      {
        src: 'pwa/android-chrome-512x512.png',
        sizes: '512x512',
        type: 'image/png'
      }
    ]
  }
}

export default pwaConfig