In this example:

nuxt.config.js uses the head property to show a title, titleTemplate, and meta including description. It also shows how to add an external google font using the link property and some JS using the script property. The lang and amp attributes are set with the htmlAttrs property.

pages/index.vue uses the head property as a function with dynamic data and uses the google font.

pages/about.vue uses the head property as an object.

Learn more about the options available for head, in the vue-meta documentation.

Learn more about meta tags in the Features book in the Meta Tags and SEO chapter.

Loading CodeSandbox...