nuxt.config.js

import { description, name } from './package.json'

const {
  ANALYZE,
  FB_API_KEY,
  FB_AUTH_DOMAIN,
  FB_DATABASE_URL,
  FB_MESSAGE_SENDER_ID,
  FB_PROJECT_ID,
  FB_STORAGE_BUCKET,
  GA_ID,
  NODE_ENV,
  STRIPE_PUBLISHABLE_KEY,
  STRIPE_URL
} = process.env

const modules = []
const isNotProdEnv = NODE_ENV !== 'production'
modules.push(
  isNotProdEnv
    ? '@nuxtjs/dotenv'
    : ['@nuxtjs/google-analytics', { id: GA_ID }]
)

module.exports = {
  /*
  ** Build configuration
  */
  build: {
    postcss: { // will fix bulma warning about column
      preset: {
        features: {
          'custom-properties': false
        }
      }
    },
    analyze: ANALYZE,
    vendor: [
      'firebase/app',
      'firebase/database'
    ]
  },
  /*
  ** Headers
  ** Common headers are already provided by @nuxtjs/pwa preset
  */
  pwa: {
    meta: {
      description,
      name
    },
    manifest: {
      description,
      name,
      short_name: name
    }
  },
  /*
  ** Customize the progress-bar color
  */
  loading: { color: '#3B8070' },
  /*
  ** Customize app manifest
  */
  manifest: {
    theme_color: '#3B8070'
  },
  /*
  ** Modules
  */
  buildModules: [
    '@nuxtjs/pwa'
  ],
  modules,
  plugins: [
    '~plugins/firebase',
    { src: '~plugins/veeValidate', ssr: false },
    { src: '~plugins/lazysizes', ssr: false },
    { src: '~plugins/localStorage.js', ssr: false }
  ],
  env: {
    FB_DATABASE_URL,
    FB_PROJECT_ID,
    FB_API_KEY,
    FB_AUTH_DOMAIN,
    FB_STORAGE_BUCKET,
    FB_MESSAGE_SENDER_ID,
    STRIPE_PUBLISHABLE_KEY,
    STRIPE_URL
  }
}