nuxt.config.ts

// https://nuxt.com/docs/api/configuration/nuxt-config
import vue from "@vitejs/plugin-vue";
import {envVarsConfig, i18nPages, nitroPrerenderRoutes} from "./utils/config";

export default defineNuxtConfig({
    ssr: false,
    site: {indexable: false}, // Disable indexing until the website is ready.
    app: {
        head: {
            script: [
                {
                    hid: "newrelic",
                    src: "/assets/scripts/newrelic.js",
                    defer: true,
                    type: "text/javascript"
                }
            ]
        }
    },
    alias: {
        assets: "/<rootDir>/assets"
    },
    css: ["~/assets/main.scss"],
    devtools: {enabled: true},
    modules: [
        "@morev/vue-transitions/nuxt",
        "@nuxt/content",
        "@nuxt/image",
        "@nuxtjs/color-mode",
        "@nuxtjs/i18n",
        "@nuxtjs/mdc",
        "@nuxtjs/robots",
        "@nuxtjs/stylelint-module",
        "@nuxtjs/tailwindcss",
        "@vee-validate/nuxt",
        "@vueuse/nuxt",
        "nuxt-icon",
        "nuxt-rollbar",
        "nuxt-vuefire",
        "@nuxt/eslint"
    ],
    eslint: {
        config: {
            standalone: false // <--- Required for Antfu ESLint config
        }
    },
    postcss: {
        plugins: {
            "postcss-import": {},
            "tailwindcss/nesting": "postcss-nesting",
            "autoprefixer": {},
            "tailwindcss": {}
        }
    },
    typescript: {
        shim: false,
        strict: true,
        typeCheck: true
    },
    image: {
        formats: ["avif", "webp", "gif", "png"]
    },
    i18n: {
        locales: ["de", "en"],
        defaultLocale: "en",
        vueI18n: "./i18n.config.ts",
        detectBrowserLanguage: false,
        // Disable custom route with page components.
        customRoutes: "config",
        pages: i18nPages
    },
    vuefire: {
        auth: {
            enabled: true,
            sessionCookie: true
        },
        // TODO: Consider enabling AppCheck.
        // API keys for Firebase are not private.
        // See https://firebase.google.com/support/guides/security-checklist#api-keys-not-secret
        config: {
            apiKey: envVarsConfig.firebaseApiKey,
            authDomain: envVarsConfig.firebaseAuthDomain,
            projectId: envVarsConfig.firebaseProjectId,
            storageBucket: envVarsConfig.firebaseStorageBucket,
            messagingSenderId: envVarsConfig.firebaseMessagingSenderId,
            appId: envVarsConfig.firebaseAppId,
            measurementId: envVarsConfig.firebaseMeasurementId
        }
    },
    tailwindcss: {
        exposeConfig: true,
        editorSupport: true,
        cssPath: ["~/assets/main.scss", {injectPosition: "last"}]
    },
    colorMode: {
        classSuffix: "",
        preference: "system",
        fallback: "dark"
    },
    imports: {
        imports: [
            {
                from: "tailwind-variants",
                name: "tv"
            },
            {
                from: "tailwind-variants",
                name: "VariantProps",
                type: true
            },
            {
                from: "vue-sonner",
                name: "toast",
                as: "useSonner"
            }
        ]
    },
    runtimeConfig: {
        appEnv: envVarsConfig.appEnv,
        apiUrl: envVarsConfig.apiUrl,
        mailSmtp: envVarsConfig.mailSmtp,
        mailPort: envVarsConfig.mailPort,
        mailUsername: envVarsConfig.mailUsername,
        mailPassword: envVarsConfig.mailPassword,
        mailAdminAddress: envVarsConfig.mailAdminAddress,
        userAccountValidationUrl: envVarsConfig.userAccountValidationUrl
    },
    build: {
        transpile: ["vue-sonner"]
    },
    compatibilityDate: {
        default: "2024-08-02",
        firebase: "2024-08-02"
    },
    rollbar: {
        clientAccessToken: envVarsConfig.rollbarClientAccessToken,
        mode: "all",
        config: {
            captureIp: "anonymize",
            captureUncaught: true,
            captureUnhandledRejections: true,
            captureUsername: true,
            captureDeviceInfo: true,
            addErrorContext: true,
            enabled: envVarsConfig.appEnv !== "development",
            payload: {
                environment: envVarsConfig.appEnv
            }
        }
    },
    nitro: {
        prerender: {
            routes: nitroPrerenderRoutes
        },
        rollupConfig: {
            // @ts-expect-error See https://vuemail.net/getting-started/nuxt-nitro .
            plugins: [vue()]
        }
    }
});