import {sveltekit} from "@sveltejs/kit/vite"
import {defineConfig} from "vite"
import {SvelteKitPWA} from "@vite-pwa/sveltekit"
// noinspection ES6PreferShortImport
// import {themeColor} from "./src/lib/style/theme.server.js"

export default defineConfig({
  plugins: [
    sveltekit(),
    SvelteKitPWA({
      kit: {
        adapterFallback: "/200.html",
        trailingSlash: "never",
      },
      includeAssets: ["favicon.png"],
      manifest: {
        name: "dot i/o",
        id: "dot_io_v2",
        // theme_color: themeColor,
        icons: [
          {
            src: "icon.svg",
            sizes: "144x144",
            type: "image/svg+xml",
          },
        ],
      },
      base: "/",
      workbox: {
        modifyURLPrefix: {
          "": "/",
          "./": "/",
        },
      },
    }),
  ],
})