import tailwindcss from '@tailwindcss/vite';

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

    modules: [
        '@nuxt/eslint',
        '@nuxt/fonts',
        '@nuxt/icon',
        '@nuxt/image',
        '@nuxt/test-utils',
        'shadcn-nuxt',
        '@nuxtjs/color-mode',
        '@pinia/nuxt',
        'dayjs-nuxt',
    ],

    dayjs: {
        plugins: ['duration', 'relativeTime'],
    },

    css: ['~/assets/css/tailwind.css', '~/assets/css/sonner.css'],

    vite: {
        plugins: [tailwindcss()],
    },

    shadcn: {
        /**
         * Prefix for all the imported component
         */
        prefix: '',
        /**
         * Directory that the component lives in.
         * @default "./components/ui"
         */
        componentDir: './components/ui',
    },

    colorMode: {
        classSuffix: '',
    },

    icon: {
        mode: 'svg',
        serverBundle: 'local',
        provider: 'iconify',
    },

    app: {
        head: {
            title: 'Warren',
            htmlAttrs: {
                lang: 'en',
            },
        },
    },

    ssr: false,

    runtimeConfig: {
        public: {
            apiBase: '/api',
            cookiesSecure: false,
            cookiesSameSite: 'strict',
        },
    },

    fonts: {
        defaults: {
            weights: [400, 500, 600, 700, 800, 900],
        },
    },
});