nuxt.config.js

const URL = require('url').URL
// const i18n = require('./i18n')
const fr = require('vuetify/es5/locale/fr').default
const en = require('vuetify/es5/locale/en').default
let config = require('config')
config.basePath = new URL(config.publicUrl + '/').pathname
// config.i18nMessages = i18n.messages

if (process.env.NODE_ENV === 'production') {
  const nuxtConfigInject = require('@koumoul/nuxt-config-inject')
  if (process.argv.slice(-1)[0] === 'build') config = nuxtConfigInject.prepare(config)
  else nuxtConfigInject.replace(config, ['nuxt-dist/**/*', 'public/static/**/*'])
}

const webpack = require('webpack')

module.exports = {
  ssr: false,
  components: true,
  srcDir: 'public/',
  buildDir: 'nuxt-dist',
  build: {
    // cache: true,
    publicPath: config.publicUrl + '/_nuxt/',
    transpile: ['vuetify/lib', /@koumoul/], // Necessary for "à la carte" import of vuetify components
    extend (config, { isServer, isDev, isClient }) {
      // Ignore all locale files of moment.js, those we want are loaded in plugins/moment.js
      config.plugins.push(new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/))
    },
    loaders: {
      vue: {
        compiler: require('vue-template-babel-compiler'),
      },
    },
  },
  loading: { color: '#1e88e5' }, // Customize the progress bar color
  plugins: [
    { src: '~plugins/session' },
    { src: '~plugins/dayjs' },
    { src: '@/plugins/vue-clipboard2', ssr: false },
    // { src: '~plugins/global-components' },
    // { src: '~plugins/ws', ssr: false },
    // { src: '~plugins/moment' },
    // { src: '~plugins/truncate' },
    // { src: '~plugins/cell-values' },
    // { src: '~plugins/display-bytes' },
    // { src: '~plugins/logger', ssr: false },
    // { src: '~plugins/analytics', ssr: false },
    // { src: '~plugins/polyfill', ssr: false },
  ],
  router: {
    base: config.basePath,
  },
  modules: ['@nuxtjs/axios', 'cookie-universal-nuxt'],
  // modules: ['@digibytes/markdownit', ['nuxt-i18n', {
  //   seo: false,
  //   locales: [{ code: 'fr', iso: 'fr-FR' }, { code: 'en', iso: 'es-US' }],
  //   defaultLocale: 'fr',
  //   vueI18n: {
  //     fallbackLocale: 'fr',
  //     messages: config.i18nMessages,
  //   },
  // }]],
  axios: {
    browserBaseURL: config.basePath,
    // baseURL: `http://localhost:${config.port}/`,
  },
  buildModules: ['@nuxtjs/vuetify', ['@nuxtjs/i18n', {
    seo: false,
    locales: ['fr', 'en'],
    defaultLocale: config.i18n.defaultLocale,
    vueI18nLoader: true,
    strategy: 'no_prefix',
    detectBrowserLanguage: {
      useCookie: true,
      cookieKey: 'i18n_lang',
    },
    vueI18n: {
      fallbackLocale: config.i18n.defaultLocale,
    },
  }]], // , '@nuxtjs/svg'
  vuetify: {
    theme: {
      dark: config.theme.dark,
      themes: {
        light: config.theme.colors,
        dark: { ...config.theme.colors, ...config.theme.darkColors },
      },
    },
    defaultAssets: {
      font: {
        family: 'Nunito',
      },
    },
    lang: {
      locales: { fr, en },
      current: config.i18n.defaultLocale,
    },
  },
  env: {
    publicUrl: config.publicUrl,
    // basePath: config.basePath,
    directoryUrl: config.directoryUrl,
    // adminRole: config.adminRole,
    // contribRole: config.contribRole,
    // map: config.map,
    brand: config.brand,
    openapiViewerUrl: config.openapiViewerUrl,
    // browserLogLevel: config.browserLogLevel,
    // analytics: config.analytics,
    // captureUrl: config.captureUrl,
    // notifyUrl: config.notifyUrl,
    // notifyWSUrl: config.notifyWSUrl,
    // subscriptionUrl: config.subscriptionUrl,
    // theme: config.theme,
    // baseAppsCategories: config.baseAppsCategories,
    // datasetUrlTemplate: config.datasetUrlTemplate,
    // applicationUrlTemplate: config.applicationUrlTemplate,
    // doc: config.doc,
    // extraNavigationItems: config.extraNavigationItems,
    // extraAdminNavigationItems: config.extraAdminNavigationItems,
    // darkModeSwitch: config.darkModeSwitch,
    // disableSharing: config.disableSharing,
    // disableApplications: config.disableApplications,
    // disableRemoteServices: config.disableRemoteServices,
  },
  head: {
    title: config.brand.title,
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      { hid: 'application', name: 'application-name', content: config.brand.title },
      { hid: 'description', name: 'description', content: config.brand.description },
      { hid: 'robots', name: 'robots', content: 'noindex' },
    ],
    link: [],
    style: [],
  },
}

if (config.theme.cssUrl) {
  module.exports.head.link.push({ rel: 'stylesheet', href: config.theme.cssUrl })
}

if (config.theme.cssText) {
  module.exports.head.style.push({ type: 'text/css', cssText: config.theme.cssText })
}