import tailwindcss from "@tailwindcss/vite"

// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
  compatibilityDate: "2025-07-15",
  devtools: { enabled: true },
  modules: [
    "@nuxt/image",
    "@nuxt/eslint",
    "@pinia/nuxt",
    "vuetify-nuxt-module",
    "@nuxtjs/i18n",
    "@nuxtjs/color-mode",
    "nuxt-og-image"
  ],
  css: ["~/assets/css/main.css"],
  app: {
    head: {
      titleTemplate: "%s - Solar Network"
    }
  },
  site: {
    url: "http://localhost:3000",
    name: "Solar Network"
  },
  ogImage: {
    fonts: [
      'Noto+Sans+SC:400',
      'Noto+Sans+TC:400',
      'Noto+Sans+JP:400',
      'Nunito:400'
    ]
  },
  colorMode: {
    preference: "system",
    fallback: "light"
  },
  features: {
    inlineStyles: false
  },
  pinia: {
    storesDirs: ["./app/stores/**"]
  },
  i18n: {
    defaultLocale: "en"
  },
  image: {
    domains: ["api.solian.app"]
  },
  runtimeConfig: {
    public: {
      development: process.env.NODE_ENV == "development",
      apiBase: process.env.NUXT_PUBLIC_API_BASE || "https://api.solian.app",
      siteUrl: process.env.NUXT_PUBLIC_SITE_URL || "https://floatingisland.app"
    }
  },
  vite: {
    plugins: [tailwindcss()]
  },
  nitro: {
    devProxy: {
      "/api": {
        target: process.env.NUXT_PUBLIC_API_BASE || "https://api.solian.app",
        changeOrigin: true
      }
    }
  }
})