vue-meta/docs

home, heroImage, heroText, tagline, actionText, actionLink, features, footer

home	heroImage	heroText	tagline	actionText	actionLink	features	footer
true	/vue-meta.png	vue-meta	HTML Metadata manager for Vue.js	Get Started →	/guide/	title details What vue-meta is a plugin for Vue.js which helps you to manage your app's metadata using Vue's built-in reactivity title details How Just export the special property `metaInfo` in any or all your components title details So? Nested components can overwrite each others values, allowing you to easily add or remove metadata where and when you need it	MIT License | Created by Declan de Wet, currently developed with ❤ by Nuxt.js core-team & contributors

::: tip We need your help! We are working on defining the RFC for Vue Meta v3.0. It will be a ground-breaking release built from the ground up.

We would like your help with this! Please visit the Vue Meta v3.0 rfc and let us know your thoughts. :::

// Component.vue
{
  metaInfo: {
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' }
    ]
  }
}

<!-- Rendered HTML tags in your page -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

See the examples for more inspiration!