nuxt.config.ts

// https://nuxt.com/docs/api/configuration/nuxt-config
import type { NuxtConfig } from "nuxt/config";

const modules: NuxtConfig["modules"] = [
  ["nuxt-typed-router", { strict: true }],
  "@nuxt/devtools",
  // Use TS-path as workaround (See https://github.com/nuxt/nuxt/issues/20912)
  "~/modules/figma2tailwind/index.ts", // Must be placed before "@nuxtjs/tailwindcss"
  "~/modules/icons/module.ts",
  "@nuxtjs/tailwindcss",
  "@nuxtjs/i18n",
  "@nuxtjs/color-mode",
  "@nuxt/test-utils/module",
  ["@pinia/nuxt", { autoImports: ["defineStore"] }],
  "@pinia-plugin-persistedstate/nuxt",
  "@vueuse/nuxt",
  "@nuxtjs/plausible",
];

if (process.env.ELECTRON) modules.push("nuxt-electron");

export default defineNuxtConfig({
  modules,
  runtimeConfig: {
    public: {
      apiUrl: "https://bmm-api.brunstad.org",
      authUrl: "https://login.bcc.no",
      clientId: "L9891KdcqtoKmHg4r65lT7zbSjv55dNN",
      applicationInsights: "",
      systemName: process.env.ELECTRON ? "Electron" : "Web",
      isMac: process.platform === "darwin",
      mediaSupportEmail: "support@bcc.media",
      sentry: {
        dsn: "",
      },
    },
  },
  spaLoadingTemplate: "spa-loading-template.html",
  i18n: {
    strategy: "no_prefix",
    skipSettingLocaleOnNavigate: true,
    defaultLocale: "en",
  },
  imports: {
    dirs: ["stores"],
  },
  // TODO: Remove after https://github.com/nuxt-modules/i18n/issues/2000 is fixed
  ssr: false,
  vite: {
    // https://stackoverflow.com/a/75655669/517914
    optimizeDeps: { exclude: ["fsevents"] },
  },
  app: {
    pageTransition: { name: "page", mode: "out-in" },
    head: {
      base: { href: "/" },
      meta: [{ name: "description", content: "{{MetadataPlaceholder}}" }],

      link: [
        { href: "https://fonts.googleapis.com", rel: "preconnect" },
        {
          href: "https://fonts.gstatic.com",
          rel: "preconnect",
          crossorigin: "anonymous",
        },
        {
          href: "https://fonts.googleapis.com/css2?family=Inter:wght@500;600;700;800&display=swap",
          rel: "stylesheet",
        },
      ],
    },
  },
  router: {
    options: {
      // Setting app.head.base changes the default for "hashMode" to "true" ...
      hashMode: false,
    },
  },
  colorMode: {
    classSuffix: "",
  },
  // TODO: Option is marked as invalid if env ELECTRON is not enabled, because this enables the module which allows the configuration.
  electron: {
    build: [
      {
        entry: "electron/main.ts",
      },
      {
        entry: "electron/preload.ts",
      },
    ],
  },
});