@nuxtjs/meta

Meta

Easily adds common meta tags into your project with zero-config needed. This module is compatible with manifest module.

Setup

• Add @nuxtjs/meta dependency using yarn or npm to your project

• Add @nuxtjs/meta to modules section of nuxt.config.js

{
  modules: [
    '@nuxtjs/meta',
  ]
} 

• You can optionally override meta using either manifest or meta section of nuxt.config.js

{
  meta: {
    // ...
  }
}

What's included ?

Meta / Link	Customize With	Default value
charset	charset	utf-8
viewport	viewport	width=device-width, initial-scale=1, minimal-ui
mobile-web-app-capable	mobileApp	true
apple-mobile-web-app-capable	mobileAppIOS*	false
apple-mobile-web-app-status-bar-style	appleStatusBarStyle*	default
shortcut icon + apple-touch-icon	favicon	true (to use options.icons)
title	name	npm_package_name
description	description	npm_package_description
theme-color	theme_color	options.loading.color
lang	lang	en
og:type	ogType	website
og:title	ogTitle	same as options.name
og:description	ogDescription	same as options.description

Please read this resources before setting IOS specific options:

• https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html
• https://medium.com/@firt/dont-use-ios-web-app-meta-tag-irresponsibly-in-your-progressive-web-apps-85d70f4438cb

Changelog

1.5.1 (2017-09-22)

Bug Fixes

• meta: default apple-mobile-web-app-status-bar-style to default (2535e08)

<a name="1.5.0"></a>