nuxt.config.js

import colors from 'vuetify/es5/util/colors'
const { NODE_ENV = 'production' } = process.env
const isDev = NODE_ENV === 'development'
// eslint-disable-next-line nuxt/no-cjs-in-config
const countries = require('./content/countriesData/countries.json')

const t = []
for (const i of countries) {
  t.push('/flag/' + i.id)
}

const PLAUSIBLE_DOMAIN = 'plausible.noewen.com'
const DOMAIN = 'geobtenu.netlify.app'

export default {
  // Target (https://go.nuxtjs.dev/config-target)
  target: 'static',
  ssr: true,

  plugins: [
    { src: '~/plugins/leaflet.js', ssr: false }
  ],

  generate: {
    routes: t,
    fallback: true
  },

  // Global page headers (https://go.nuxtjs.dev/config-head)
  head: {
    title: 'Géobtenu | Outil de géographie',
    meta: [
      // Primary meta tags
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      { hid: 'description', name: 'description', content: 'Un outil simple et efficace pour obtenir des informations sur un pays !' },
      { name: 'keywords', content: 'geobtenu,géobtenu,geography,géographie,geoguessr,geo,wiki,meta,méta,metas,métas,info,capital,circulation,sens,direction,pays,informations,tips,conseils,continent,domaine,domain,language,langues,langue,alphabet' },
      { name: 'author', content: 'kernoeb' },
      { name: 'language', content: 'French' },
      { name: 'robots', content: 'index,follow' },
      { name: 'category', content: 'internet' },
      { hid: 'title', name: 'title', content: 'Géobtenu | Outil de géographie' },

      // Facebook
      { property: 'og:type', content: 'website' },
      { property: 'og:url', content: 'https://geobtenu.netlify.app/' },
      { hid: 'og:title', property: 'og:title', content: 'Géobtenu | Outil de géographie' },
      { hid: 'og:description', property: 'og:description', content: 'Un outil simple et efficace pour obtenir des informations sur un pays !' },
      { property: 'og:image', content: 'https://geobtenu.netlify.app/banner.png' },

      // Twitter
      { property: 'twitter:card', content: 'summary_large_image' },
      { property: 'twitter:url', content: 'https://geobtenu.netlify.app/' },
      { hid: 'twitter:title', property: 'twitter:title', content: 'Géobtenu | Outil de géographie' },
      { hid: 'twitter:description', property: 'twitter:description', content: 'Un outil simple et efficace pour obtenir des informations sur un pays !' },
      { property: 'twitter:image', content: 'https://geobtenu.netlify.app/banner.png' }
    ],
    link: [
      { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
    ]
  },

  // Auto import components (https://go.nuxtjs.dev/config-components)
  components: true,

  // Modules for dev and build (recommended) (https://go.nuxtjs.dev/config-modules)
  buildModules: [
    // https://go.nuxtjs.dev/eslint
    '@nuxtjs/eslint-module',
    // https://go.nuxtjs.dev/vuetify
    '@nuxtjs/vuetify',
    ['@nuxtjs/google-fonts', {
      families: {
        Roboto: true,
        'Secular+One': true
      }
    }],
    // https://github.com/moritzsternemann/vue-plausible
    'vue-plausible'
  ],

  // Modules (https://go.nuxtjs.dev/config-modules)
  modules: [
    '@nuxtjs/component-cache',
    // https://go.nuxtjs.dev/axios
    '@nuxtjs/axios',
    // https://go.nuxtjs.dev/content
    '@nuxt/content',
    '@nuxtjs/robots',
    '@nuxtjs/sitemap'
  ],

  sitemap: {
    hostname: 'https://geobtenu.netlify.app',
    gzip: true
  },

  plausible: { // Use as fallback if no runtime config is available at runtime
    domain: DOMAIN,
    enableAutoPageviews: true,
    enableAutoOutboundTracking: true
  },
  publicRuntimeConfig: {
    plausible: {
      domain: DOMAIN,
      apiHost: 'https://' + PLAUSIBLE_DOMAIN,
      enableAutoPageviews: true,
      enableAutoOutboundTracking: true
    }
  },

  // Content module configuration (https://go.nuxtjs.dev/config-content)
  content: {
    markdown: {
      remarkPlugins () {
        return ['remark-emoji']
      }
    }
  },

  // Vuetify module configuration (https://go.nuxtjs.dev/config-vuetify)
  vuetify: {
    defaultAssets: false,
    theme: {
      dark: true,
      themes: {
        dark: {
          primary: colors.blue.darken2,
          accent: colors.grey.darken3,
          secondary: colors.amber.darken3,
          info: colors.teal.lighten1,
          warning: colors.amber.base,
          error: colors.deepOrange.accent4,
          success: colors.green.accent3
        }
      }
    }
  },

  // Build Configuration (https://go.nuxtjs.dev/config-build)
  build: {
    extractCSS: true,
    postcss:
      {
        // disable postcss plugins in development
        plugins: isDev
          ? {}
          : {
              '@fullhuman/postcss-purgecss': {
                content: [
                  'components/**/*.vue',
                  'layouts/**/*.vue',
                  'pages/**/*.vue',
                  'plugins/**/*.js',
                  'node_modules/vuetify/src/**/*.ts'
                ],
                styleExtensions: ['.css'],
                safelist: {
                  standard: [
                    'body',
                    'html',
                    'nuxt-progress',
                    /col-*/, // enable if using v-col for layout,
                    /v-speed/
                  ],
                  deep: [
                    /page-enter/,
                    /page-leave/,
                    /transition/
                  ]
                }

              },
              'css-byebye': {
                rulesToRemove: [
                  /.*\.v-application--is-rtl.*/,
                  /.*light.*/
                ]
              }
            }
      }
  }
}