nuxt.config.js

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

export default {
  // Global page headers (https://go.nuxtjs.dev/config-head)
  head: {
    titleTemplate: '%s - ' + process.env.APP_NAME,
    title: process.env.APP_NAME || '',
    meta: [
      { charset: 'utf-8' },
      { name: 'robots', content: 'noodp,noydir' },
      { 'http-equiv': 'X-UA-Compatible', content: 'IE=edge' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      { hid: 'description', name: 'description', content: process.env.APP_DESCRIPTION || '' },
      { hid: 'og:title', property: 'og:title', content: process.env.APP_NAME },
      { hid: 'og:description', property: 'og:description', content: process.env.APP_DESCRIPTION }
    ],
    link: [
      { rel: 'apple-touch-icon', href: '/apple-touch-icon.png' },
      { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' },
      { rel: 'icon', type: 'image/x-icon', href: '/favicon.png' }
    ]
  },

  // Global CSS (https://go.nuxtjs.dev/config-css)
  css: [
    '@assets/css/main.scss'
  ],

  // Plugins to run before rendering page (https://go.nuxtjs.dev/config-plugins)
  plugins: [
    '~/plugins/vue-axios',
    '~/plugins/vue-timeago',
    '~plugins/vue-api-query',
    '~/plugins/vue-vee-validate'
  ],

  // Auto import components (https://go.nuxtjs.dev/config-components)
  components: true,

  // Modules for dev and build (recommended) (https://go.nuxtjs.dev/config-modules)
  buildModules: [
    // https://go.nuxtjs.dev/eslint
    '@nuxtjs/eslint-module',
    // https://go.nuxtjs.dev/stylelint
    '@nuxtjs/stylelint-module',
    // https://go.nuxtjs.dev/vuetify
    '@nuxtjs/vuetify',
    // https://www.npmjs.com/package/@nuxtjs/moment
    '@nuxtjs/moment',
    // https://www.npmjs.com/package/cookie-universal-nuxt
    'cookie-universal-nuxt'
  ],

  // Modules (https://go.nuxtjs.dev/config-modules)
  modules: [
    // https://go.nuxtjs.dev/axios
    '@nuxtjs/axios',
    // https://go.nuxtjs.dev/pwa
    '@nuxtjs/pwa',
    // https://i18n.nuxtjs.org,
    'nuxt-i18n',
    // https://github.com/aaronransley/nuxt-winston-log
    'nuxt-winston-log'
  ],

  // Axios module configuration (https://go.nuxtjs.dev/config-axios)
  axios: {},

  // https://www.npmjs.com/package/@nuxtjs/moment
  moment: {
    defaultLocale: 'en'
  },

  // i18n
  i18n: {
    seo: true,
    lazy: true,
    langDir: 'lang/',
    defaultLocale: 'en',
    locales: [
      {
        name: 'English',
        code: 'en',
        iso: 'en-US',
        file: 'en-US.js'
      },
      {
        name: 'Français',
        code: 'fr',
        iso: 'fr-FR',
        file: 'fr-FR.js'
      },
      {
        name: 'Español',
        code: 'es',
        iso: 'es-ES',
        file: 'es-ES.js'
      },
      {
        name: 'Bahasa Indonesia',
        code: 'id',
        iso: 'id-ID',
        file: 'id-ID.js'
      }
    ],
    detectBrowserLanguage: {
      useCookie: true
    }
  },

  // Vuetify module configuration (https://go.nuxtjs.dev/config-vuetify)
  vuetify: {
    customVariables: ['~/assets/css/variables.scss'],
    theme: {
      dark: false,
      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
        }
      }
    }
  },

  // Runtime Configuration (https://nuxtjs.org/blog/moving-from-nuxtjs-dotenv-to-runtime-config)
  publicRuntimeConfig: {
    apiURL: process.env.API_URL,
    baseURL: process.env.BASE_URL,
    adminURL: process.env.ADMIN_URL,
    privateURL: process.env.PRIVATE_URL,
    domainName: process.env.DOMAIN_NAME,
    frontendURL: process.env.FRONTEND_URL
  },
  privateRuntimeConfig: {},

  // Build Configuration (https://go.nuxtjs.dev/config-build)
  build: {
    plugins: [
      new webpack.ProvidePlugin({
        // global modules
        _: 'lodash'
      })
    ],
    transpile: [
      'vee-validate/dist/rules'
    ]
  }
}