vite.config.ts

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

// https://vitejs.dev/config/
export default defineConfig({
	plugins: [
		react(),
		VitePWA({
			registerType: "autoUpdate",
			injectRegister: "auto",
			devOptions: {
				enabled: true,
			},
			// cache all the imports!
			workbox: {
				globPatterns: ["**/*"],
			},
			manifest: {
				name: "Tasks: Manage your routine",
				description: "A simple PWA to manage your routine",
				short_name: "Tasks",
				theme_color: "#40bdba",
				icons: [
					{
						src: "/pwa-512x512.png",
						type: "image/png",
						sizes: "512x512",
					},
					{
						src: "/pwa-192x192.png",
						type: "image/png",
						sizes: "192x192",
					},
					{
						src: "/pwa-512x512.png",
						type: "image/png",
						sizes: "512x512",
					},
					{
						src: "/maskable-icon-512x512.png",
						type: "image/png",
						sizes: "512x512",
						purpose: "maskable",
					},
				],
				background_color: "#40bdba",
				display: "standalone",
				start_url: "/",
				screenshots: [
					{
						src: "/screenshot1_828x1792.png",
						sizes: "828x1792",
					},
					{
						src: "/screenshot2_828x1792.png",
						sizes: "828x1792",
					},
				],
			},
		}),
	],
});