module.exports = { server: { host: '0.0.0.0', port: process.env.PORT || 14033 }, /* ** Headers of the page */ head: { htmlAttrs: { lang: 'en', }, title: 'Damillora', meta: [ { charset: 'utf-8' }, { name: 'viewport', content: 'width=device-width, initial-scale=1' }, { hid: 'description', name: 'description', content: 'Web developer, reviewer and content creator' }, ], link: [ { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }, { rel: 'prefetch', href: 'https://fonts.googleapis.com/css?family=Exo+2:300,400,500&display=swap' }, { rel: 'stylesheet', href: 'https://fonts.googleapis.com/css?family=Exo+2:300,400,500&display=swap' }, { rel: 'prefetch', href: 'https://fonts.googleapis.com/css?family=M+PLUS+1p:300,400,500&display=swap' }, { rel: 'stylesheet', href: 'https://fonts.googleapis.com/css?family=M+PLUS+1p:300,400,500&display=swap' }, { rel: 'prefetch', href: 'https://fonts.googleapis.com/icon?family=Material+Icons' }, { rel: 'stylesheet', href: 'https://fonts.googleapis.com/icon?family=Material+Icons' }, ], }, /* ** Customize the progress-bar color */ loading: { color: '#fff' }, /* ** Global CSS */ css: [ ], env: { subheader: process.env.SUBHEADER || "" , header: process.env.HEADER || "Sample Theming", romaji: process.env.ROMAJI || "This demonstrates themable aspects", }, /* ** Plugins to load before mounting the App */ plugins: [ ], /* ** Nuxt.js dev-modules */ buildModules: [ ], /* ** Nuxt.js modules */ modules: [ ['@nuxtjs/dotenv' ], ], /* ** Build configuration */ build: { /* ** You can extend webpack config here */ postcss: { plugins: [ require('tailwindcss'), require('autoprefixer'), ], }, extend (config, ctx) { config.module.rules.push({ test: /\.(ogg|mp3|wav|mpe?g)$/i, loader: 'file-loader', options: { name: '[path][name].[ext]', }, }) } }, serverMiddleware: [ ], router: { middleware: [] }, }