The nuxt.config.js file is used to contain the custom configuration that applied to your app specifically. For example, you get these custom meta tags, title, and link by default for your HTML <head> block when you use the Nuxt scaffolding tool:
export default {
head: {
title: process.env.npm_package_name || '',
meta: [
{ charset: 'utf-8' },
{ name: 'viewport', content: 'width=device-width, initial-scale=1' },
{ hid: 'description', name: 'description', content:
process.env.npm_package_description || '' }
],
link: [
{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
]
}
}
We can modify the preceding custom head block. You will learn how to do so in Chapter 4, Adding Views, Routes, and Transitions. Besides head, there are other key properties for making the custom configuration, which we will cover...
