nuxt.config.js

const i18n = require('./i18n')
let config = require('config')
config.basePath = '/simple-directory'
config.i18nMessages = i18n.messages
config.i18nLocales = config.i18n.locales.join(',')
config.readonly = config.storage.type !== 'mongo'
config.overwrite = (config.storage.type === 'ldap' && config.storage.ldap.overwrite) || []

const isBuilding = process.argv[2] === 'build'

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

let vuetifyOptions = {}

if (process.env.NODE_ENV !== 'production' || isBuilding) {
  const fr = require('vuetify/es5/locale/fr').default
  const en = require('vuetify/es5/locale/en').default
  vuetifyOptions = {
    customVariables: ['~assets/variables.scss'],
    theme: {
      dark: config.theme.dark,
      themes: {
        light: config.theme.colors,
        dark: { ...config.theme.colors, ...config.theme.darkColors }
      }
    },
    treeShake: true,
    defaultAssets: false,
    lang: {
      locales: { fr, en },
      current: i18n.defaultLocale
    }
  }
}

module.exports = {
  telemetry: false,
  ssr: false,
  components: true,
  srcDir: 'public/',
  buildDir: 'nuxt-dist',
  build: {
    transpile: [/@koumoul/, /@data-fair/],
    babel: {
      sourceType: 'unambiguous'
    },
    publicPath: '_nuxt/',
    extend (webpackConfig, { isServer, isDev, isClient }) {
      const webpack = require('webpack')
      // webpackConfig.optimization.minimize = false
      // Ignore all locale files of moment.js, those we want are loaded in plugins/moment.js
      webpackConfig.plugins.push(new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/))
      // source-map to debug in production
      webpackConfig.devtool = webpackConfig.devtool || 'source-map'
    }
  },
  loading: { color: '#1e88e5' }, // Customize the progress bar color
  plugins: [
    { src: '~plugins/session', ssr: false },
    { src: '~plugins/query-params', ssr: false },
    { src: '~plugins/site-public', ssr: false },
    { src: '~plugins/vuetify' },
    { src: '~plugins/moment' },
    { src: '~plugins/axios' },
    { src: '~plugins/analytics', ssr: false },
    { src: '~plugins/iframe-resizer', ssr: false }
  ],
  router: {
    base: config.basePath
  },
  modules: ['@nuxtjs/markdownit', '@nuxtjs/axios', 'cookie-universal-nuxt', ['@nuxtjs/i18n', {
    seo: false,
    // cannot come from config as it must be defined at build time (routes are impacted
    // we will override some of it at runtime using env.i18n
    locales: i18n.locales,
    defaultLocale: i18n.defaultLocale,
    vueI18nLoader: true,
    vueI18n: {
      fallbackLocale: i18n.defaultLocale,
      messages: config.i18nMessages
    },
    strategy: 'no_prefix',
    detectBrowserLanguage: {
      useCookie: true,
      cookieKey: 'i18n_lang'
    }
  }]],
  axios: {
    browserBaseURL: config.basePath
  },
  buildModules: [
    'nuxt-webpack-optimisations',
    '@nuxtjs/vuetify',
    ['@nuxtjs/google-fonts', { download: true, display: 'swap', families: { Nunito: [100, 300, 400, 500, 700, 900] } }]
  ],
  webpackOptimisations: {
    features: {
      cacheLoader: false // cache is not available inside docker build
    }
  },
  vuetify: vuetifyOptions,
  env: {
    mainPublicUrl: config.publicUrl,
    basePath: config.basePath,
    theme: config.theme,
    homePage: config.homePage,
    maildev: config.maildev,
    defaultMaxCreatedOrgs: config.quotas.defaultMaxCreatedOrgs,
    readonly: config.readonly,
    overwrite: config.overwrite,
    analytics: config.analytics,
    onlyCreateInvited: config.onlyCreateInvited,
    userSelfDelete: config.userSelfDelete,
    tosUrl: config.tosUrl,
    manageDepartments: config.manageDepartments,
    manageDepartmentLabel: config.manageDepartmentLabel,
    passwordless: config.passwordless,
    i18nLocales: config.i18nLocales,
    anonymousContactForm: config.anonymousContactForm,
    noBirthday: config.noBirthday,
    avatars: config.avatars,
    perOrgStorageTypes: config.perOrgStorageTypes,
    notifyUrl: config.notifyUrl,
    plannedDeletionDelay: config.plannedDeletionDelay,
    alwaysAcceptInvitation: config.alwaysAcceptInvitation,
    depAdminIsOrgAdmin: config.depAdminIsOrgAdmin,
    manageSites: config.manageSites,
    managePartners: config.managePartners
  },
  head: {
    title: config.i18nMessages[i18n.defaultLocale].root.title,
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      { hid: 'application', name: 'application-name', content: i18n.messages[i18n.defaultLocale].root.title },
      { hid: 'description', name: 'description', content: i18n.messages[i18n.defaultLocale].root.description }
    ],
    link: [
      // /favicon.ico is not put un config/default.js to prevent a nuxt-config-inject bug
      { rel: 'icon', type: 'image/x-icon', href: config.theme.favicon || '/favicon.ico' }
    ],
    style: []
  },
  css: [
    '@mdi/font/css/materialdesignicons.min.css'
  ]
}

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 })
}