vite.config.js

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

export default defineConfig({
    plugins: [
        vue(),
        VitePWA({ 
            registerType: 'autoUpdate',
            injectRegister: 'auto',
            workbox: {
                globPatterns: ['**/*.{js,css,html,ico,png,svg}']
            },
            manifest: {
                name: 'TheBestLanguage',
                short_name: 'thebestlanguage',
                description: 'The Best Programming Language Ever',
                theme_color: '#009688',
                icons: [
                  {
                    src: '/assets/icons/android-chrome-192x192.png',
                    sizes: '192x192',
                    type: 'image/png'
                  },
                  {
                    src: '/assets/icons/android-chrome-maskable-512x512',
                    sizes: '512x512',
                    type: 'image/png'
                  }
                ]
              }
        }),
    ],
    build: {
        outDir: './docs',
        rollupOptions: {
            input: {
                main: './index.html',
                404: './404.html'
            }
        }
    }
});