nuxt.config.js

module.exports = {
  /*
  ** Router config
  */
  router: {
    middleware: ['namespace', 'check-auth']
  },
  /*
  ** Headers of the page
  */
  head: {
    title: 'Web',
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      { hid: 'description', name: 'description', content: 'Nuxt.js project' }
    ],
    link: [
      { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' },
      { rel: 'stylesheet', href: 'https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Material+Icons' }
    ]
  },
  /*
  ** Customize the progress-bar color
  */
  loading: { color: '#3B8070' },
  /*
  ** Build configuration
  */
  build: {
    vendor: ['vuetify', 'vuelidate']
  },
  modules: [
    '@nuxtjs/pwa',
    '@nuxtjs/component-cache',
    ['@nuxtjs/axios', {
      baseURL: 'https://now-staging.hl.com/',
      credentials: false,
      requestInterceptor: function _reqInterceptor (config, { store }) {
        if (store.getters.accessToken) {
          config.headers.common['Authorization'] = 'Bearer ' + store.getters.accessToken
        }

        return config
      }
    }]
  ],
  plugins: [
    '~plugins/vuex-router-sync.js',
    '~plugins/vuetify.js',
    '~plugins/vuelidate.js',
    '~plugins/firebaseConfig.js'
  ],
  css: [
    { src: '~assets/style/app.styl', lang: 'styl' },
    { src: '~assets/style/typography.scss', lang: 'scss' }
  ]
}