nuxt.config.js

const modules = require('./modules.config')
const routes = require('./routes.config')
const build = require('./build.config')
const meta = require('./meta.config')
const pwa = require('./pwa.config')

export default {
  ssr: false,
  target: 'static',

  /*
   ** Headers of the page
   */
  head: meta,
  /*
   ** Customize the progress-bar color
   */
  loading: { color: '#00F2FE' },
  /*
   ** Global CSS
   */
  css: [],
  /*
   ** Plugins to load before mounting the App
   */
  plugins: [
    '~/plugins/icons',
    '~/plugins/elements',
    '~/plugins/i18n',
    '~/plugins/utils',
    '~/plugins/store',

    { src: '~/plugins/touch-events', ssr: false },
    { src: '~/plugins/tooltip', ssr: false },
    { src: '~/plugins/clipboard', ssr: false },
    { src: '~/plugins/veevalidate', ssr: false }
  ],

  typescript: {
    typeCheck: {
      eslint: {
        files: './**/*.{ts,js,vue}'
      }
    }
  },

  'google-gtag': {
    id: process.env.APP_GOOGLE_ANALYTICS_KEY
  },

  sitemap: {
    hostname: process.env.APP_BASE_URL,
    gzip: true
  },

  /*
   ** Nuxt.js dev-modules
   */
  buildModules: [
    '@nuxt/typescript-build',
    '@nuxtjs/eslint-module',
    '@nuxtjs/dotenv',
    '@nuxtjs/tailwindcss',
    '@nuxtjs/stylelint-module',
    'nuxt-typed-vuex'
  ],

  /*
   ** Nuxt.js modules
   */
  modules,

  /**
   * PWA
   **/
  pwa,

  tailwindcss: {
    cssPath: './assets/css/app.scss',
    configPath: './tailwind.config.js'
  },

  env: {
    NODE_ENV: process.env.NODE_ENV,
    APP_ENV: process.env.APP_ENV,
    APP_VER: process.env.npm_package_version,
    APP_BASE_URL: process.env.APP_BASE_URL,
    METRICS_ENABLED: process.env.METRICS_ENABLED,
    META_TAGS_ENABLED: process.env.META_TAGS_ENABLED,
    GEO_IP_RESTRICTIONS_ENABLED: process.env.GEO_IP_RESTRICTIONS_ENABLED,
    TRANSFER_RESTRICTIONS_ENABLED: process.env.TRANSFER_RESTRICTIONS_ENABLED,
    MAINTENANCE_ENABLED: process.env.MAINTENANCE_ENABLED,
    APP_FEE_RECIPIENT: process.env.APP_FEE_RECIPIENT,
    APP_NETWORK: process.env.APP_NETWORK,
    APP_CHAIN_ID: process.env.APP_CHAIN_ID,
    APP_GOOGLE_ANALYTICS_KEY: process.env.APP_GOOGLE_ANALYTICS_KEY,
    APP_GOOGLE_SITE_VERIFICATION_KEY:
      process.env.APP_GOOGLE_SITE_VERIFICATION_KEY,
    APP_BUGSNAG_KEY: process.env.APP_BUGSNAG_KEY,
    APP_ALCHEMY_KEY: process.env.APP_ALCHEMY_KEY,
    APP_ALCHEMY_KOVAN_KEY: process.env.APP_ALCHEMY_KOVAN_KEY
  },

  router: {
    linkActiveClass: 'is-active',
    middleware: ['maintenance']
  },

  toast: {
    position: 'bottom-right',
    duration: 6000,
    theme: 'bubble'
  },

  generate: {
    routes
  },

  vendor: [
    {
      src: '@injectivelabs/token-metadata/dist/images',
      dst: './static/vendor/@injectivelabs/token-metadata'
    }
  ],

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

  render: {
    static: {
      maxAge: 1000 * 60 * 60 * 24 * 7
    }
  },

  /*
   ** Build configuration
   */
  build: {
    ...build,

    /*
     ** You can extend webpack config here
     */
    extend(config) {
      config.node = {
        fs: 'empty'
      }
    }
  }
}