// Nuxt 3 + Quasar + Tailwind + TypeScript
// Configuration for E-Learning Platform
export default defineNuxtConfig({
  modules: ["nuxt-quasar-ui", "@nuxtjs/tailwindcss"],
  css: ["~/assets/css/main.css"],
  typescript: {
    strict: true,
  },
  quasar: {
    plugins: ["Notify"],
    config: {
      brand: {
        primary: "#4b82f7",
        secondary: "#2f5ed7",
        accent: "#44d4a8",
        dark: "#0f1827",
      },
    },
  },
  components: [
    {
      path: "~/components",
      pathPrefix: false,
    },
  ],
  app: {
    head: {
      htmlAttrs: {
        lang: 'th',
      },
      title: "E-Learning System",
      meta: [
        { name: "viewport", content: "width=device-width, initial-scale=1" },
      ],
      link: [
        {
          rel: "stylesheet",
          href: "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Prompt:wght@300;400;500;600;700;800;900&family=Sarabun:wght@300;400;500;600;700;800&display=swap",
        },
      ],
    },
  },
  runtimeConfig: {
    public: {
      apiBase: process.env.NUXT_PUBLIC_API_BASE || 'http://localhost:4000/api'
    }
  }
});