gridsome.config.js

const tailwind = require('tailwindcss');
const postcssNested = require('postcss-nested');
const slugify = require('@sindresorhus/slugify');

const postcssPlugins = [
    postcssNested,
    tailwind('./tailwind.config.js'),
];

module.exports = {
    siteName: 'FaireDesJeux.fr',
    siteUrl: 'https://fairedesjeux.fr',
    siteDescription: 'FaireDesJeux.fr est un site d\'apprentissage qui vous donne accès à des tutoriels gratuits pour créer vos jeux vidéo. Suivez les cours à l\'écrit ou en vidéo !',
    titleTemplate: '%s · FaireDesJeux.fr',
    icon: {
        favicon: './static/favicon/favicon.png',
        touchicon: './static/favicon/touchicon.png',
    },
    plugins: [
        {
            use: '@gridsome/source-filesystem',
            options: {
                typeName: 'Section',
                baseDir: './content/courses/',
                path: ['**/*.md', '!**/course.md', '!**/chapter.md'],
            },
        },
        {
            use: '@gridsome/source-filesystem',
            options: {
                typeName: 'Chapter',
                baseDir: './content/courses',
                path: '**/chapter.md',
            },
        },
        {
            use: '@gridsome/source-filesystem',
            options: {
                typeName: 'Course',
                baseDir: './content/courses/',
                path: '**/course.md',
            },
        },
    ],
    templates: {
        Section: [{
            path: (node) => {
                /*
                    NOTE : Since we can't get the chapter name from the node itself due to it being added later
                    (in onCreateNode) we can't get it here (why) so we have to get it ourselves - erika, 2020-04-20
                */
                const slashPosition = node.fileInfo.directory.indexOf('/');
                const idToRemove = node.fileInfo.directory.substr(slashPosition + 1, 3);

                return `/${node.fileInfo.directory.replace(idToRemove, '')}/${node.slug !== undefined ? slugify(node.slug) : slugify(node.fileInfo.name.substr(3))}`;
            },
            component: './src/templates/Sections.vue',
        }],
        Course: [{
            path: '/:fileInfo__directory',
            component: './src/templates/Courses.vue',
        }],
    },
    css: {
        loaderOptions: {
            postcss: {
                plugins: postcssPlugins,
            },
        },
    },
    transformers: {
        remark: {
            imageQuality: 100,
            config: {
                footnotes: true,
            },
            plugins: [
                '@gridsome/remark-prismjs',
                'gridsome-plugin-remark-youtube',
                'remark-shortcodes',
                'gridsome-remark-video-shortcode',
                /*
                    NOTE : Used for speech bubbles with our mascots - Nev, 14/08/2020
                */
                ['gridsome-plugin-remark-container', {
                    customTypes: {
                        astride: {
                            defaultTitle: 'Astride',
                        },
                        marvin: {
                            defaultTitle: 'Marvin',
                        },
                        remi: {
                            defaultTitle: 'Rémi',
                        },
                        winkastride: {
                            defaultTitle: 'Astride',
                        },
                        sighastride: {
                            defaultTitle: 'Astride',
                        },
                        oofmarvin: {
                            defaultTitle: 'Marvin',
                        },
                        hypemarvin: {
                            defaultTitle: 'Marvin',
                        },
                        profremi: {
                            defaultTitle: 'Rémi',
                        },
                        notlikethisremi: {
                            defaultTitle: 'Rémi',
                        },
                    },
                    useDefaultTypes: false,
                    icons: 'none',
                    classMaster: 'bubble',
                }],
            ],
        },
    },
    chainWebpack: (config) => {
        config.resolve.alias.set('@avatars', '@/assets/avatar');
        config.resolve.alias.set('@medals', '@/assets/medals');
    },
};