vite.config.js

   1 import { VitePWA } from "vite-plugin-pwa";
   2 import { fileURLToPath, URL } from "url";
   3
   4 import { defineConfig } from "vite";
   5 import vue from "@vitejs/plugin-vue";
   6
   7 // https://vitejs.dev/config/
   8 export default defineConfig({
   9   build: {
  10     assetsDir: "resources",
  11   },
  12   plugins: [
  13     vue(),
  14     VitePWA({
  15       registerType: "autoUpdate",
  16       useCredentials: true,
  17       manifestFilename: "assets/manifest.json",
  18       manifest: {
  19         name: "Homer dashboard",
  20         short_name: "Homer",
  21         description: "Home Server Dashboard",
  22         theme_color: "#3367D6",
  23         icons: [
  24           {
  25             src: "./icons/pwa-192x192.png",
  26             sizes: "192x192",
  27             type: "image/png",
  28           },
  29           {
  30             src: "./icons/pwa-512x512.png",
  31             sizes: "512x512",
  32             type: "image/png",
  33           },
  34         ],
  35       },
  36     }),
  37   ],
  38   resolve: {
  39     alias: {
  40       "@": fileURLToPath(new URL("./src", import.meta.url)),
  41     },
  42   },
  43 });