new PWA implementation

1 files changed, 30 insertions, 1 deletions

diff --git a/vite.config.js b/vite.config.js
index 87f098b..0400b78 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -1,3 +1,4 @@
+import { VitePWA } from 'vite-plugin-pwa'
 import { fileURLToPath, URL } from "url";
 
 import { defineConfig } from "vite";
@@ -5,7 +6,35 @@ import vue from "@vitejs/plugin-vue";
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [vue()],
+  build: {
+    assetsDir: "resources",
+  },
+  plugins: [
+    vue(), 
+    VitePWA({ 
+      registerType: 'autoUpdate',
+      useCredentials: true,
+      manifestFilename: "assets/manifest.json",
+      manifest: {
+        name: 'Homer dashboard',
+        short_name: 'Homer',
+        description: 'Home Server Dashboard',
+        theme_color: '#3367D6',
+        icons: [
+          {
+            src: 'pwa-192x192.png',
+            sizes: '192x192',
+            type: 'image/png'
+          },
+          {
+            src: 'pwa-512x512.png',
+            sizes: '512x512',
+            type: 'image/png'
+          }
+        ],
+      },
+    })
+  ],
   resolve: {
     alias: {
       "@": fileURLToPath(new URL("./src", import.meta.url)),