nuxt.config.js

import { version } from './package.json'

const SITE_TITLE = 'Gibson Ipsum'
const SITE_DESCRIPTION = 'A cyberpunk placeholder text generator.'

function getVersion() {
	let string = JSON.stringify(version) || ''
	return string.replaceAll('"', '')
}

export default {
	mode: 'universal',
	target: 'static',

	/**
      Headers of the page
     */
	head: {
		htmlAttrs: { class: 'bg-light-gray' },
		title: SITE_TITLE,
		description: SITE_DESCRIPTION,
		meta: [],
		link: [
			{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' },
			{
				rel: 'mask-icon',
				href: '/safari-pinned-tab.svg',
				color: '#2cccff',
			},
			{
				rel: 'stylesheet',
				href: 'https://unpkg.com/tachyons@4.10.0/css/tachyons.min.css',
			},
		],
	},

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

	env: {
		VERSION: getVersion(),
	},

	build: {
		html: {
			minify: {
				collapseBooleanAttributes: true,
				decodeEntities: true,
				minifyCSS: false,
				minifyJS: true,
				processConditionalComments: true,
				removeEmptyAttributes: true,
				removeRedundantAttributes: true,
				trimCustomFragments: true,
				useShortDoctype: true,
			},
		},

		postcss: {
			plugins: {
				// https://preset-env.cssdb.org/features
				'postcss-preset-env': {
					stage: 0,
				},
			},
		},
	},

	plugins: ['~/plugins/vue-mq'],

	modules: [
		['@nuxtjs/google-analytics', { ua: 'UA-58836125-3' }],
		// ['@nuxtjs/markdownit', { preset: 'commonmark', typographer: true }],
		'@nuxtjs/pwa',
	],

	manifest: {
		name: SITE_TITLE,
		short_name: SITE_TITLE,
	},

	meta: {
		theme_color: '#16191b',
		ogHost: 'https://gibsonipsum.com',
		twitterCard: 'summary',
		twitterCreator: '@stormwarning',
	},
}