require('dotenv').config()

export default {
    ssr: false,
    /*
     ** Headers of the page
     */
    head: {
        title: process.env.npm_package_name || '',
        meta: [{
                charset: 'utf-8'
            },
            {
                name: 'viewport',
                content: 'width=device-width, initial-scale=1'
            },
            {
                hid: 'description',
                name: 'description',
                content: process.env.npm_package_description || ''
            }
        ],
        link: [{
            rel: 'icon',
            type: 'image/x-icon',
            href: '/favicon.ico'
        }]
    },
    /*
     ** Customize the progress-bar color
     */
    loading: {
        color: '#ff9c36'
    },
    /*
     ** Global CSS
     */
    css: [
        '@/assets/css/bootstrap.min.css'
    ],
    /*
     ** Plugins to load before mounting the App
     */
    plugins: [
        { src: '~/plugins/axios' },
        { src: '~/plugins/filters' },
        { src: '~/plugins/helpers.js' },
        { src: '~/plugins/nuxt-client-init.js', ssr: false },
        { src: '~plugins/video.js', ssr: false },
        { src: '~plugins/scrollbar.js', ssr: false },
        { src: '~plugins/splitpanes.js', ssr: false },
        { src: '~plugins/loading.js', ssr: false },
        { src: '~plugins/draggable.js', ssr: false }
    ],
    /*
     ** Nuxt.js dev-modules
     */
    buildModules: [
        // Doc: https://github.com/nuxt-community/eslint-module
        '@nuxtjs/eslint-module'
    ],
    /*
     ** Nuxt.js modules
     */
    modules: [
        // Doc: https://bootstrap-vue.js.org
        'bootstrap-vue/nuxt',
        '@nuxtjs/axios',
        '@nuxtjs/dayjs',
        '@nuxtjs/style-resources',
        // Doc: https://github.com/nuxt-community/dotenv-module
        '@nuxtjs/dotenv',
        'cookie-universal-nuxt'
    ],

    /*
     ** Axios module configuration
     ** See https://axios.nuxtjs.org/options
     */
    axios: {
        baseURL: process.env.API_URL
    },

    dayjs: {
        locales: ['en', 'de'],
        defaultLocale: 'en',
        defaultTimeZone: 'Europe/Berlin', // TODO: use timezon like this.$dayjs().tz()
        plugins: [
            'utc',
            'timezone'
        ]
    },

    styleResources: {
        scss: [
            '@/assets/css/_variables.scss',
            '@/assets/scss/globals.scss'
        ]
    },

    bootstrapVue: {
        bootstrapCSS: false,
        icons: true
    },

    /*
     ** Build configuration
     */
    build: {
        /*
         ** You can extend webpack config here
         */
        extend(config, ctx) {},
        babel: { compact: true }
    }
}