Meta Module

Last updated 29 days ago

npm npm (scoped with tag)

Meta easily adds common meta tags into your project with zero-config needed. You can optionally override meta using either manifest or meta section of nuxt.config.js:

{
meta: {
// ...
}
}

options

charset

  • Default: utf-8

viewport

  • Default: width=device-width, initial-scale=1

  • Meta: viewport

mobileApp

  • Default: true

  • Meta: mobile-web-app-capable

mobileAppIOS

  • Default: false

  • Meta: apple-mobile-web-app-capable

Please read this resources before you enable mobileAppIOS option:

appleStatusBarStyle

  • Default: default

favicon

  • Default: true (to use options.icons)

  • Meta: shortcut icon + apple-touch-icon

name

  • Default: npm_package_name

  • Meta: title

author

  • Default: npm_package_author_name

  • Meta: author

description

  • Default: npm_package_description

  • Meta: description

theme_color

  • Default: options.loading.color

  • Meta: theme-color

lang

  • Default: en

  • Meta: lang

ogType

  • Default: website

  • Meta: og:type

ogSiteName

  • Default: same as options.name

  • Meta: og:site_name

ogTitle

  • Default: same as options.name

  • Meta: og:title

ogDescription

  • Default: same as options.description

  • Meta: og:description

ogHost Specify the domain that the site is hosted. Required for ogImage.

  • Default: undefined

  • Meta: N/A

ogImage

  • Default: true

  • Meta: og:image and sub-tags

These types are accepted:

  • Boolean: the icons from the icon module are used.

  • String: the path is used.

  • Object:

    • path: specify the path.

    • width, height: specify the dimensions, respectively.

    • type: specify the MIME type.

ogUrl

  • Default: ogHost (if defined)

  • Meta: og:url

twitterCard

  • Default: undefined

  • Meta: `twitter:card

twitterSite

  • Default: undefined

  • Meta: `twitter:site

twitterCreator

  • Default: undefined

  • Meta: twitter:creator

nativeUI

  • Default: false

By setting meta.nativeUI to true (Defaults to false) viewport defaults to width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0, minimal-ui and mobileAppIOS will be enabled if not explicitly set to false which is suitable for native looking mobile apps.