import { defineNuxtConfig } from 'nuxt';

// https://v3.nuxtjs.org/docs/directory-structure/nuxt.config
export default defineNuxtConfig({
    ssr: false,
    extends: ['./base'],
    autoImports: {
        dirs: ['config'],
    },
    meta: {
        meta: [
            {
                name: 'viewport',
                content: 'width=device-width, initial-scale=1',
            },
        ],
        link: [{ rel: 'stylesheet', href: 'https://rsms.me/inter/inter.css' }],

        script: [],
    },
    css: ['~/base/assets/css/tailwind.pcss'],
    build: {
        postcss: {
            postcssOptions: {
                plugins: {
                    tailwindcss: {},
                    autoprefixer: {},
                },
            },
        },
        transpile: [
            '@fawmi/vue-google-maps',
            '@headlessui/vue',
            'chart.js',
            '@vuepic/vue-datepicker',
        ],
    },
    modules: ['@nuxt/content'],
});