nuxt.config.ts

// https://nuxt.com/docs/api/configuration/nuxt-config
import tailwindcss from "@tailwindcss/vite";

export default defineNuxtConfig({
  compatibilityDate: "2025-07-15",
  devtools: { enabled: true },
  css: ["~/assets/css/main.css"],
  vite: {
    plugins: [tailwindcss()],
  },
  modules: ["@nuxt/eslint", "@nuxt/image", "@nuxt/icon", "@nuxtjs/color-mode"],

  // Handle service worker routes that should not be processed by Vue Router
  nitro: {
    routeRules: {
      "/firebase-messaging-sw.js": {
        headers: { "Content-Type": "application/javascript" },
      },
      // Add caching for public API routes
      "/api/public/**": {
        headers: {
          "Cache-Control": "public, max-age=300", // 5 minutes cache
          "X-Robots-Tag": "noindex",
        },
      },
      // Prerender public routes for better performance
      "/public/**": {
        ssr: true,
        experimentalNoScripts: false,
      },
    },
  },

  // Enable experimental features for better performance
  experimental: {
    payloadExtraction: false, // Disable payload extraction for public routes
  },

  // Optimize build
  build: {
    transpile: ["marked"], // Ensure marked is properly transpiled
  },

  colorMode: {
    preference: "system", // default value of $colorMode.preference
    fallback: "light", // fallback value if not system preference found
    hid: "nuxt-color-mode-script",
    globalName: "__NUXT_COLOR_MODE__",
    componentName: "ColorScheme",
    classPrefix: "",
    classSuffix: "",
    storageKey: "nuxt-color-mode",
  },

  runtimeConfig: {
    supabaseUrl: process.env.SUPABASE_URL,
    supabaseAnonKey: process.env.SUPABASE_ANON_KEY,
    awsAccessKeyId: process.env.AWS_ACCESS_KEY_ID,
    awsSecretAccessKey: process.env.AWS_SECRET_ACCESS_KEY,
    awsRegion: process.env.AWS_REGION,
    s3BucketName: process.env.S3_BUCKET_NAME,
    public: {
      supabaseUrl: process.env.SUPABASE_URL,
      supabaseAnonKey: process.env.SUPABASE_ANON_KEY,
    },
  },
});