const path = require('path')
const pkg = require('./package')

import colors from 'vuetify/es5/util/colors'

module.exports = {
  mode: 'universal',
  server: {
    port: 5500,
    host: '0.0.0.0'
  },
  head: {
    titleTemplate: 'Malekai - %s ',
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      { hid: 'description', name: 'description', content: pkg.description },
      { property: 'og:type', content: 'website' },
      { property: 'og:site_name', content: 'Malekai' },
      {
        property: 'og:description',
        content: 'The Premier Crowfall Resource.'
      },
      {
        property: 'og:image',
        content: '/images/malekai-splash.jpg'
      }
    ],
    link: [{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }]
  },
  loading: { color: '#000' },
  css: ['@/assets/css/tailwind.css', '@/assets/css/malekai.css'],
  plugins: [],
  modules: ['@nuxtjs/axios', '@nuxtjs/google-analytics', 'nuxt-webfontloader'],
  axios: {},
  googleAnalytics: {
    id: 'UA-111445866-2'
  },
  tailwindcss: {
    exposeConfig: true
  },
  vuetify: {
    customVariables: ['~/assets/variables.scss'],
    theme: {
      dark: true,
      themes: {
        dark: {
          primary: colors.blue.darken2,
          accent: colors.grey.darken3,
          secondary: colors.amber.darken3,
          info: colors.teal.lighten1,
          warning: colors.amber.base,
          error: colors.deepOrange.accent4,
          success: colors.green.accent3
        }
      }
    }
  },
  buildModules: [
    '@nuxtjs/tailwindcss',
    ['@teamnovu/nuxt-breaky', { enabled: true, colorScheme: 'light' }],
    '@nuxtjs/vuetify'
  ],
  build: {
    /*
     ** You can extend webpack config here
     */
    extend(config, ctx) {}
  }
}