import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';
import { VitePWA } from 'vite-plugin-pwa';

export default defineConfig({
  plugins: [
    react(),
    VitePWA({
      registerType: 'autoUpdate',
      selfDestroying: true,
      devOptions: {
        enabled: true,
      },
      manifest: {
        name: 'Mobile Tag',
        short_name: 'MobileTag',
        description: 'GPS-based outdoor lasertag for every smartphone',
        theme_color: '#0f172a',
        background_color: '#020617',
        display: 'fullscreen',
        orientation: 'portrait',
        scope: '/',
        start_url: '/',
        icons: [
          {
            src: '/icon.svg',
            sizes: 'any',
            type: 'image/svg+xml',
          },
        ],
      },
    }),
  ],
  server: {
    host: true,
    port: 5173,
  },
});