nuxt.config.js

require('dotenv').config()

export default {
  /*
   ** Nuxt target
   ** See https://nuxtjs.org/api/configuration-target
   */
  target: 'server',

  /*
   ** Auto import components
   ** See https://nuxtjs.org/api/configuration-components
   */
  components: [{ path: '~/components', pathPrefix: false }],

  /*
   ** Loading progress bar
   ** See https://nuxtjs.org/api/configuration-loading
   */
  loading: false,

  /*
   ** Headers of the page
   ** See https://nuxtjs.org/api/configuration-head
   */
  head: {
    title: 'Bio2Game',
    meta: [
      {
        // Windows
        name: 'msapplication-navbutton-color',
        content: '#ffffff',
      },
      {
        // Windows
        name: 'msapplication-TileColor',
        content: '#ffffff',
      },
      {
        // Pinned Sites
        name: 'application-name',
        content: 'Bio2Game',
      },
      {
        // Pinned Sites
        name: 'msapplication-tooltip',
        content:
          'Jeu pour apprendre à consommer de façon responsable en testant vos connaissances dans le développement durable. En adhérant à BIO2GAME vous partagerez vos préoccupations environnementales.',
      },
      {
        // Pinned Sites
        name: 'msapplication-starturl',
        content: '/',
      },
      {
        // Tap highlighting
        name: 'msapplication-tap-highlight',
        content: 'no',
      },
      {
        // UC Mobile Browser
        name: 'full-screen',
        content: 'Yes',
      },
      {
        // UC Mobile Browser
        name: 'browsermode',
        content: 'application',
      },
    ],
  },

  /*
   ** Global CSS
   */
  css: [
    '~/assets/css/reset.css',
    '~/assets/css/framework.scss',
    '~/assets/css/variables.scss',
  ],

  /*
   ** Style Ressources configuration
   ** See https://axios.nuxtjs.org/options
   */
  styleResources: {
    scss: '~/assets/css/variables.scss',
  },

  /*
   ** Nuxt.js dev-modules
   ** See https://nuxtjs.org/api/configuration-modules
   */
  buildModules: [
    // Doc: https://github.com/nuxt-community/eslint-module
    '@nuxtjs/eslint-module',

    // Doc: https://github.com/nuxt-community/stylelint-module
    '@nuxtjs/stylelint-module',

    // https://github.com/nuxt-community/device-module
    '@nuxtjs/device',

    // Doc: https://github.com/nuxt-community/svg-module
    '@nuxtjs/svg',

    // Doc: https://github.com/nuxt-community/style-resources-module
    '@nuxtjs/style-resources',
  ],

  /*
   ** Nuxt.js modules
   */
  modules: [
    // Doc: https://axios.nuxtjs.org/usage
    '@nuxtjs/axios',

    // Doc: https://pwa.nuxtjs.org/
    '@nuxtjs/pwa',

    // Doc: https://dev.auth.nuxtjs.org/
    '@nuxtjs/auth',

    // Doc: https://github.com/nuxt-community/proxy-module
    '@nuxtjs/proxy',

    // Doc: https://github.com/Developmint/nuxt-webfontloader
    'nuxt-webfontloader',

    // Doc: https://github.com/nuxt-community/robots-module
    '@nuxtjs/robots',
  ],

  /*
   ** Plugins to load before mounting the App
   ** See https://nuxtjs.org/guide/plugins
   */
  plugins: [
    { src: '~/plugins/vue-carousel.js', mode: 'client' },
    { src: '~/plugins/vue-notification.js', mode: 'client' },
    { src: '~/plugins/vue-body-scroll-lock.js', mode: 'client' },
    { src: '~/plugins/vue-closable.js', mode: 'client' },
    { src: '~/plugins/vue-socket.io.js', mode: 'client' },
    { src: '~/plugins/vue-dayjs.js' },
  ],

  /*
   ** Robots module configuration
   ** See https://github.com/nuxt-community/robots-module#options
   */
  robots: {
    UserAgent: '*',
    Disallow: '',
  },

  /*
   ** Axios module configuration
   ** See https://axios.nuxtjs.org/options
   */
  axios: {
    proxy: true,
  },

  /*
   ** Web font loader configuration
   ** See https://github.com/Developmint/nuxt-webfontloader#setup
   */
  webfontloader: {
    classes: false,
    events: false,
    google: {
      families: ['Montserrat:400,500,600,700,800,900&display=swap'],
    },
    custom: {
      families: ['Material-Icons'],
      urls: ['https://fonts.googleapis.com/icon?family=Material+Icons'],
    },
  },

  /*
   ** Proxy module configuration
   ** See https://github.com/nuxt-community/proxy-module#options
   */
  proxy: {
    '/api': process.env.API_URL,
    '/socket': process.env.API_URL,
    '/images': {
      target: process.env.CDN_URL,
      pathRewrite: { '^/images': '/' },
    },
  },

  /*
   ** Auth module configuration
   ** See https://dev.auth.nuxtjs.org/schemes/local.html#options
   */
  auth: {
    strategies: {
      user: {
        scheme: 'local',
        token: {
          property: 'token',
          required: true,
          type: 'Bearer',
          maxAge: false,
        },
        user: {
          property: false,
          autoFetch: true,
        },
        endpoints: {
          login: { url: '/api/auth/user/login', method: 'post' },
          logout: { url: '/api/auth/user/logout', method: 'post' },
          user: { url: '/api/auth/user', method: 'get' },
        },
      },
      guest: {
        scheme: 'local',
        token: {
          property: 'token',
          required: true,
          type: 'Bearer',
          maxAge: false,
        },
        user: {
          property: false,
          autoFetch: true,
        },
        endpoints: {
          login: { url: '/api/auth/guest/register', method: 'post' },
          logout: { url: '/api/auth/guest/logout', method: 'post' },
          user: { url: '/api/auth/guest', method: 'get' },
        },
      },
    },
    redirect: {
      callback: '/login/callback',
      login: '/login',
      logout: '/',
      home: '/',
    },
    plugins: ['~/plugins/auth.js'],
  },

  /*
   ** PWA module configuration
   ** See https://pwa.nuxtjs.org/manifest
   */
  pwa: {
    icon: {
      source: './assets/images/logo.png',
      fileName: 'logo.png',
    },
    manifest: {
      name: 'Bio2Game',
      short_name: 'Bio2Game',
      description:
        'Jeu pour apprendre à consommer de façon responsable en testant vos connaissances dans le développement durable. En adhérant à BIO2GAME vous partagerez vos préoccupations environnementales.',
      background_color: '#ffffff',
      theme_color: '#9DCD09',
      lang: 'fr',
    },
    meta: {
      name: 'Bio2Game',
      author: 'DraftMan',
      description:
        'Jeu pour apprendre à consommer de façon responsable en testant vos connaissances dans le développement durable. En adhérant à BIO2GAME vous partagerez vos préoccupations environnementales.',
      mobileApp: true,
      mobileAppIOS: true,
      appleStatusBarStyle: 'black-translucent',
      favicon: true,
      theme_color: '#9DCD09',
      lang: 'fr',
      ogSiteName: 'Bio2Game.com',
      ogHost: process.env.BASE_URL,
      ogImage: true,
      twitterCard: 'summary',
      twitterCreator: '@DraftMan_Dev',
      nativeUI: true,
    },
  },

  publicRuntimeConfig: {
    publishableKey: process.env.STRIPE_KEY,
    cdnURL: process.env.CDN_URL,
  },

  /*
   ** Build configuration
   ** See https://nuxtjs.org/api/configuration-build/
   */
  build: {
    cache: true,
    ssr: true,
    friendlyErrors: true,
    hotMiddleware: {
      client: {
        overlay: false,
      },
    },
    postcss: {
      preset: {
        stage: 2,
        autoprefixer: {
          flexbox: true,
        },
      },
      plugins: {
        'postcss-sorting': {},
      },
    },
  },
}