nuxt.config.js

const pkg = require('./package');

const routerBase = process.env.DEPLOY_ENV === 'GH_PAGES' ? {
    router: {
        base: '/taller-nuxt/',
    },
} : {};

module.exports = {
    mode: 'universal',

    /*
    ** Headers of the page
    */
    head: {
        title: pkg.name,
        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/main.css',
    ],

    /*
    ** Plugins to load before mounting the App
    */
    plugins: [
        {
            src: '~/plugins/vuex-persist',
            ssr: false,
        },
    ],

    /*
    ** Nuxt.js modules
    */
    modules: [],

    /*
    ** 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',
                    options: {
                        emitWarning: true,
                    },
                    exclude: /(node_modules)/,
                });
            }
        },
    },

    /*
    Deploy in taller-nuxt repository
    */
    ...routerBase,
};