nuxt.config.js

import { promises as fs } from 'fs'
import path from 'path'

import pkg from './package'
import buildAppList from './helpers/build-app-list.js'
import buildGamesList from './helpers/build-game-list.js'


const storeAppList = async function (builder) {
    // TODO: Make DRY

    const appListPath = path.join(
        // builder.nuxt.options.buildDir,
        builder.nuxt.options.srcDir,
        '/app-list.json'
    )

    const gamesListPath = path.join(
        // builder.nuxt.options.buildDir,
        builder.nuxt.options.srcDir,
        '/game-list.json'
    )

    const appList = await buildAppList()
    const gamesList = await buildGamesList()

    // console.log('builder.nuxt.options', builder.nuxt.options)
    await fs.writeFile(appListPath, JSON.stringify(appList))
    await fs.writeFile(gamesListPath, JSON.stringify(gamesList))

    return
}


// console.log('process.env.GAMES_SOURCE', process.env.GAMES_SOURCE)

export default {
    target: 'static',

    /*
    ** Hooks
    * https://nuxtjs.org/api/configuration-hooks/
    */
    hooks: {
        build: {
            before: storeAppList
        },
        generate: {
            before: storeAppList
        }
    },

    generate: {
        cache: {
            ignore: [
                // When something changed in the docs folder, do not re-build via webpack
                'assets'
            ]
        },
        routes() {
            return Promise.all([
                import('./app-list.json'),
                import('./game-list.json')
            ])
                .then(([
                    importedAppList,
                    importedGameList
                ]) => {
                    const appList = importedAppList.default
                    const gameList = importedGameList.default
                    // console.log('appList', appList)

                    const appRoutes = appList.map(app => ({
                        route: '/app/' + app.slug,
                        // payload: appList
                    }))

                    const gameRoutes = gameList.map(game => ({
                        route: '/game/' + game.slug,
                        // payload: appList
                    }))

                    const sectionList = []

                    appList.forEach(app => {
                        if (sectionList.includes(app.section.slug)) return

                        sectionList.push(app.section.slug)
                    })

                    const sectionRoutes = sectionList.map(slug => ({
                        route: '/kind/' + slug,
                        // payload: appList
                    }))

                    return [
                        ...appRoutes,
                        ...gameRoutes,
                        ...sectionRoutes
                    ]
                })
        }
    },

    /*
    ** Headers of the page
    */
    head: {
        // this htmlAttrs you need
        htmlAttrs: {
            lang: 'en',
        },
        title: 'Does it ARM',
        meta: [
            { charset: 'utf-8' },
            {
                name: 'viewport',
                content: 'width=device-width, initial-scale=1'
            },
            {
                hid: 'description',
                name: 'description',
                content: pkg.description
            }
        ],
        link: [{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }]
    },

    /*
    ** Customize the progress-bar color
    */
    loading: { color: '#fff' },

    /*
    ** Global CSS
    */
    // css: ['~/assets/css/tailwind.css'],

    /*
    ** Plugins to load before mounting the App
    */
    plugins: [],

    /*
    ** Nuxt.js modules
    */

    modules: [
        '@nuxtjs/sitemap'
    ],

    sitemap: {
        hostname: 'https://doesitarm.com'
    },

    buildModules: [
        '@nuxtjs/tailwindcss'
    ],

    /*
    ** Build configuration
    */
    build: {
        /*
        ** You can extend webpack config here
        */
        extend(config, ctx) {
            // Run ESLint on save
            if (ctx.isDev && ctx.isClient) {
                config.module.rules.push({
                    enforce: 'pre',
                    test: /\.(js|vue)$/,
                    loader: 'eslint-loader',
                    exclude: /(node_modules)/
                })

                config.node = {
                    fs: "empty"
                }

            }
        }
    }
}