vite.config.js

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

// https://vitejs.dev/config/
export default defineConfig({
    plugins: [
        vue(),
        VitePWA({
            registerType: 'autoUpdate',
            includeAssets: ['favicon.ico', 'apple-touch-icon.png', 'masked-icon.svg'],
            manifest: {
                name: 'vue-pwa-push-notification',
                short_name: 'vue-pwa-push',
                description: 'A Vue PWA Push Notification project',
                theme_color: '#ffffff',
                start_url: '/',
                icons: [
                    {
                        src: 'android-chrome-192x192.png',
                        sizes: '192x192',
                        type: 'image/png',
                    },
                    {
                        src: 'android-chrome-512x512.png',
                        sizes: '512x512',
                        type: 'image/png',
                    },
                    {
                        src: 'android-chrome-512x512.png',
                        sizes: '512x512',
                        type: 'image/png',
                        purpose: 'any maskable',
                    },
                ],
            },
            // Bu ayar sayesinde sadece js, css ve index.html dosyalari precahe oluyor.
            workbox: {
                globPatterns: ['**/*.{js,css}', 'index.html'],
            },
        }),
    ],
})