gridsome.config.js

// This is where project configuration and plugin options are located.
// Learn more: https://gridsome.org/docs/config

// Changes here require a server restart.
// To restart press CTRL + C in terminal and run `gridsome develop`

module.exports = {
  siteName: 'Incubateur des Territoires',
  siteUrl: 'https://incubateur.anct.gouv.fr',
  siteDescription: `Une mission de l'Agence nationale de la cohesion des territoires`,
  icon: './src/assets/images/logoIncubateur.svg',
  templates: {
    Job: [
      {
        path: '/recrutements/:equipe-:role-:id',
      }
    ],
    Actualite: [
      {
        path: '/actualites/:title',
      }
    ]
  },
  plugins: [
    {
      use: 'gridsome-plugin-matomo',
      options: {
        host: '//stats.data.gouv.fr',
        siteId: 135
      }
    },
    {
      use: '@gridsome/source-graphql',
      options: {
        url: process.env.GRAPHQL_URL,
        fieldName: 'directus',
        typeName: 'directusTypes',
        headers: {
          Authorization: `Bearer ${process.env.GRAPHQL_TOKEN}`,
        },
      },
    },
    {
      use: '@gridsome/source-filesystem',
      options: {
        path: 'content/services/*.md',
        typeName: 'Service',
        remark: {
          // remark options
        }
      }
    },
    {
      use: '@gridsome/source-filesystem',
      options: {
        path: 'content/jobs/*.md',
        typeName: 'Job',
        remark: {
          // remark options
        }
      }
    },
    {
      use: '@gridsome/source-filesystem',
      options: {
        path: 'content/actualites/*.md',
        typeName: 'Actualite',
        remark: {
          // remark options
        }
      }
    },
    {
      use: '@gridsome/source-filesystem',
      options: {
        path: 'content/pages/*.md',
        typeName: 'PageContent',
        remark: {
          // remark options
        }
      }
    },
    {
      use: '@gridsome/source-filesystem',
      options: {
        path: 'content/elements/*.md',
        typeName: 'Element',
        remark: {
          // remark options
        }
      }
    },
    {
      use: 'gridsome-plugin-tailwindcss',
      /**
      * These are the default options. You don't need to set any options to get
      * going. Seriously, you don't need to declare tailwind.config.js.

      options: {
        tailwindConfig: './tailwind.config.js',
        purgeConfig: {},
        presetEnvConfig: {},
        shouldPurge: true,
        shouldImport: true,
        shouldTimeTravel: true
      }
      */
    }
  ],
  transformers: {
    remark: {
      externalLinksTarget: '_blank',
      externalLinksRel: ['nofollow', 'noopener', 'noreferrer'],
      anchorClassName: 'icon icon-link',
      plugins: [
        // ...global plugins
      ]
    }
  },
  chainWebpack: config => {
    const svgRule = config.module.rule('svg')
    svgRule.uses.clear()
    svgRule
      .use('vue-svg-loader')
      .loader('vue-svg-loader')
  },
}