sidebar |
---|
auto |
Meta easily adds common meta tags into your project with zero-config needed.
You can optionally override meta using pwa.meta
in nuxt.config.js
:
pwa: {
meta: {
/* meta options */
}
}
- Default:
utf-8
- Default:
width=device-width, initial-scale=1
- Meta:
viewport
- Default:
true
- Meta:
mobile-web-app-capable
- Default:
false
- Meta:
apple-mobile-web-app-capable
Please read this resources before you enable mobileAppIOS
option:
- 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
- Default:
default
- Default:
true
(to use options.icons) - Meta:
shortcut icon
+apple-touch-icon
- Default: npm_package_name
- Meta:
title
- Default: npm_package_author_name
- Meta:
author
- Default: npm_package_description
- Meta:
description
- Default: options.loading.color
- Meta:
theme-color
- Default:
en
- Meta:
lang
- Default:
website
- Meta:
og:type
- Default: same as options.name
- Meta:
og:site_name
- Default: same as options.name
- Meta:
og:title
- Default: same as options.description
- Meta:
og:description
Specify the domain that the site is hosted. Required for ogImage.
- Default:
undefined
- Meta:
N/A
- 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.
- Default: ogHost (if defined)
- Meta:
og:url
- Default:
undefined
- Meta:
twitter:card
- Default:
undefined
- Meta:
twitter:site
- Default:
undefined
- Meta:
twitter:creator
- 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.