nuxt.config.js

require('dotenv').config()

const { pageSEO, defaultSEOData } = require('./utils/seo')

const PUBLIC_PATH = process.env.PUBLIC_PATH
const GOOGLE_ANALYTICS_TRACK_ID = process.env.GOOGLE_ANALYTICS_TRACK_ID

export default {
    mode: 'spa',

    env: {
        baseUrl: process.env.API_HOST || 'https://viblo.asia',
        IMAGES_URL: process.env.IMAGES_URL || 'https://images.viblo.asia',
        GOOGLE_ANALYTICS_TRACK_ID
    },

    /*
     ** Headers of the page
     */
    head: {
        title: defaultSEOData.title,

        meta: [
            { charset: 'utf-8' },
            { name: 'viewport', content: 'width=device-width, initial-scale=1' },
            ...pageSEO(defaultSEOData),
        ],

        link: [
            { rel: 'icon', type: 'image/x-icon', href: 'https://viblo.asia/favicon.ico' },
        ]
    },

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

    /*
     ** Global CSS
     */
    css: ['~/assets/sass/app.scss'],

    /*
     ** Plugins to load before mounting the App
     */
    plugins: [
        '~/plugins/vue-gtag.js',
    ],

    buildModules: [
        '@nuxtjs/google-analytics',
    ],

    /*
     ** Nuxt.js modules
     */
    modules: [
        [ 'vue-scrollto/nuxt', {
            duration: 300,
            easing: 'ease',
            offset: 0,
            onDone: (el) => window.location.hash = el.getAttribute('id'),
        }]
    ],

    /**
     * Google analytics
     */
    googleAnalytics: {
        id: GOOGLE_ANALYTICS_TRACK_ID,
        debug: {
          sendHitTask: true,
        },
    },
    /*
     ** Build configuration
     */
    build: {
        transpile: [/^element-ui/],

        /*
         ** Build configuration
         */
        publicPath: '/assets'
    },

    router: {
        base: PUBLIC_PATH
    },

    server: {
        host: process.env.HOST || '0.0.0.0',
        port: process.env.PORT || 3000
    }
}