feat(frontend): support PWA

1 files changed, 35 insertions, 1 deletions

diff --git a/frontend/vite.config.ts b/frontend/vite.config.ts
index 69cc0dc..a6b7089 100644
--- a/frontend/vite.config.ts
+++ b/frontend/vite.config.ts
@@ -1,9 +1,43 @@
 import tailwindcss from "@tailwindcss/vite";
 import react from "@vitejs/plugin-react";
 import { defineConfig } from "vite";
+import { VitePWA } from "vite-plugin-pwa";
 
 export default defineConfig({
-	plugins: [react(), tailwindcss()],
+	plugins: [
+		react(),
+		tailwindcss(),
+		VitePWA({
+			registerType: "autoUpdate",
+			includeAssets: ["favicon.svg", "apple-touch-icon.png"],
+			manifest: {
+				name: "feedaka",
+				short_name: "feedaka",
+				description: "RSS/Atom Feed Reader",
+				theme_color: "#0ea5e9",
+				background_color: "#ffffff",
+				display: "standalone",
+				icons: [
+					{
+						src: "pwa-192x192.png",
+						sizes: "192x192",
+						type: "image/png",
+					},
+					{
+						src: "pwa-512x512.png",
+						sizes: "512x512",
+						type: "image/png",
+					},
+					{
+						src: "pwa-512x512.png",
+						sizes: "512x512",
+						type: "image/png",
+						purpose: "maskable",
+					},
+				],
+			},
+		}),
+	],
 	server: {
 		proxy: {
 			"/graphql": {