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   base: "",
  10   build: {
  11     assetsDir: "resources",
  12   },
  13   plugins: [
  14     vue(),
  15     VitePWA({
  16       registerType: "autoUpdate",
  17       useCredentials: true,
  18       manifestFilename: "assets/manifest.json",
  19       manifest: {
  20         name: "Homer dashboard",
  21         short_name: "Homer",
  22         description: "Home Server Dashboard",
  23         theme_color: "#3367D6",
  24         start_url: "../",
  25         scope: "../",
  26         icons: [
  27           {
  28             src: "./icons/pwa-192x192.png",
  29             sizes: "192x192",
  30             type: "image/png",
  31           },
  32           {
  33             src: "./icons/pwa-512x512.png",
  34             sizes: "512x512",
  35             type: "image/png",
  36           },
  37         ],
  38       },
  39       workbox: {
  40         navigateFallback: null,
  41       },
  42     }),
  43   ],
  44   resolve: {
  45     alias: {
  46       "@": fileURLToPath(new URL("./src", import.meta.url)),
  47     },
  48   },
  49 });