nuxt.config.js

require('dotenv').config()

export default {
  target: 'static',

  head: {
    titleTemplate: '%s | POPCORNEE',
    title: '',
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      {
        hid: 'description',
        name: 'description',
        content: process.env.npm_package_description || '',
      },
    ],
    link: [{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }],
  },

  components: true,

  loading: '~/components/layout/Progress.vue',

  css: ['~/assets/styles/overrides.scss'],

  modules: ['@nuxtjs/axios'],

  publicRuntimeConfig: {
    apiKey: process.env.TMDB_API_KEY,
    axios: {
      browserBaseURL: process.env.TMDB_API_URL,
    },
  },

  privateRuntimeConfig: {
    axios: {
      baseURL: process.env.TMDB_API_URL,
    },
  },

  axios: {
    progress: true,
    debug: false,
  },

  build: {
    extractCSS: true,
  },

  buildModules: [
    '@nuxtjs/eslint-module',
    '@nuxtjs/stylelint-module',
    'nuxt-webfontloader',
    '@nuxtjs/vuetify',
  ],

  webfontloader: {
    google: {
      families: ['Dosis:200,300,400,700,800'],
    },
  },

  vuetify: {
    treeShake: true,
    customVariables: ['~/assets/styles/vuetify-vars.scss'],
    defaultAssets: {
      font: {
        family: 'Dosis',
      },
      icons: 'mdi',
    },
    optionsPath: './vuetify.options.js',
  },

  plugins: ['~plugins/axios', '~plugins/utils', '~plugins/vue-masonry-css'],

  generate: {
    crawler: false,
    devtools: false,
  },
}