import { defineCollection } from "@nuxt/content";

// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
  compatibilityDate: '2025-07-15',
  devtools: { enabled: true },

  css: [
    '~/assets/css/colors.scss',
    '~/assets/css/fonts.scss',
    '~/assets/css/main.scss'
  ],

  runtimeConfig: {
    public: {
      apiBaseUrl: process.env.API_BASE_URL || 'http://localhost:5000/api'
    }
  },

  i18n: {
    locales: [
      { code: 'en', iso: 'en-US', name: '🇺🇸 English', file: 'en.json' },
      { code: 'es', iso: 'es-ES', name: '🇪🇸 Spanish', file: 'es.json' },
      { code: 'ca', iso: 'ca-ES', name: '🇦🇩 Catalan', file: 'ca.json' }
    ],
    defaultLocale: 'en',
    vueI18n: './i18n.config.ts',
    langDir: 'locales/'
  },
  app: {
    head: {
      htmlAttrs: { lang: 'en' },
      bodyAttrs: { class: '' },
      title: 'Aran Roig — Developer, Artist & Designer',
      meta: [
        { charset: 'utf-8' },
        { name: 'viewport', content: 'width=device-width, initial-scale=1' },
        { name: 'description', content: 'Personal website of Aran Roig — developer, artist, and designer. Explore projects, blog posts, art gallery, and more.' },
        { name: 'author', content: 'Aran Roig' },
        { name: 'robots', content: 'index, follow' }
      ]
    }
  },

  modules: ['@nuxtjs/i18n', '@nuxt/content', '@nuxt/image']
})