nuxt.config.js

import addSearch from './hooks/search.js';

export default {
  target: 'static',
  /*
   ** Headers of the page
   */
  devtools: true,
  vue: {
    config: {
      productionTip: false,
      devtools: true,
    },
  },
  head: {
    title: 'CCV',
    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' },
      { rel: 'stylesheet', href: 'https://use.typekit.net/egg1tbq.css' },
      {
        rel: 'stylesheet',
        href: 'https://cdn.jsdelivr.net/npm/@mdi/font@5.9.55/css/materialdesignicons.min.css',
      },
    ],
  },
  /*
   ** Router Config
   */
  router: {
    middleware: ['status-redirect'],
  },
  /*
   ** Customize the progress-bar color
   */
  loading: { color: '#fff' },
  /*
   ** Global CSS
   */
  css: [
    '@/assets/scss/disco.scss',
    'bulma-checkradio',
    'vue-multiselect/dist/vue-multiselect.min.css',
  ],
  styleResources: {
    scss: '~assets/scss/disco.scss',
  },
  /*
   ** Plugins to load before mounting the App
   */
  plugins: [
    '~/plugins/lunr',
    { src: '~/plugins/v-scroll-to.js', mode: 'client' },
  ],
  /*
   ** Nuxt.js dev-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://www.npmjs.com/package/@nuxtjs/style-resources
    '@nuxtjs/style-resources',
    // https://google-analytics.nuxtjs.org
    '@nuxtjs/google-analytics',
    '@nuxt/postcss8',
  ],
  googleAnalytics: {
    id: 'UA-136333978-7',
  },
  /*
   ** Nuxt.js modules
   */
  modules: ['@nuxt/content', 'nuxt-svg-loader', '@nuxtjs/markdownit'],
  markdownit: {
    injected: true,
    breaks: false,
  },
  content: {
    dir: 'content',
    markdown: {
      remarkPlugins: () => [
        'remark-squeeze-paragraphs',
        'remark-slug',
        'remark-external-links',
        'remark-footnotes',
        // 'remark-math'
      ],
      // rehypePlugins: () => ['rehype-katex'],
    },
  },
  buildDir: '.nuxt',
  /*
   ** Build configuration
   */
  build: {
    /*
     ** You can extend webpack config here
     */
    extractCSS: true,
    extend(config, { isDev, isClient }) {
      config.resolve.alias.vue = 'vue/dist/vue.common';
    },
  },
  serverMiddleware: [
    { path: '/_ghapi', handler: '~/server-middleware/gh-api.js' },
    { path: '/_workday', handler: '~/server-middleware/workday-api.js' },
  ],
  hooks: {
    async ready(nuxt) {
      await addSearch(nuxt);
    },
  },
  generate: {
    fallback: '404.html',
  },
};