\n Manage HTML metadata in Vue.js components with SSR support\n
\n\n
\n \n \n \n \n \n \n
\n\n```html\n\n ...\n\n\n\n```\n```html\n\n\n My Example App - Yay!\n ...\n\n```\n# Introduction\nVue Meta is a [Vue.js](https://vuejs.org) plugin that allows you to manage your app's metadata. It is inspired by and works similar as [`react-helmet`](https://github.com/nfl/react-helmet) for react. However, instead of setting your data as props passed to a proprietary component, you simply export it as part of your component's data using the `metaInfo` property.\n\nThese properties, when set on a deeply nested component, will cleverly overwrite their parent components' `metaInfo`, thereby enabling custom info for each top-level view as well as coupling metadata directly to deeply nested subcomponents for more maintainable code.\n\n## Documentation\n\nPlease find the documention on https://vue-meta.nuxtjs.org\n\n> :globe_with_meridians: Please help us translate the documentation into your language, see [here](#how-to-translate-documentation) for more information\n\n## Examples\n\nLooking for more examples what vue-meta can do for you? Have a look at the [examples](https://github.com/nuxt/vue-meta/tree/master/examples)\n\n## Installation\n\n##### Yarn\n```sh\n$ yarn add vue-meta\n```\n\n##### npm\n```sh\n$ npm install vue-meta --save\n```\n\n##### Download / CDN\n\nUse the download links below - if you want a previous version, check the instructions at https://unpkg.com.\n\nLatest version: https://unpkg.com/vue-meta/dist/vue-meta.min.js\n\nLatest v1.x version: https://unpkg.com/vue-meta@1/dist/vue-meta.min.js\n\n**Uncompressed:**\n```html\n\n```\n\n**Minified:**\n```html\n\n```\n\n## Quick Usage\n\nSee the [documentation](https://vue-meta.nuxtjs.org) for more information\n```js\nimport Vue from 'vue'\nimport VueMeta from 'vue-meta'\n\nVue.use(VueMeta, {\n // optional pluginOptions\n refreshOnceOnNavigation: true\n})\n```\n\n## Frameworks using vue-meta\n\nIf you wish to create your app even more quickly, take a look at the following frameworks which use vue-meta\n\n- [Nuxt.js](https://github.com/nuxt/nuxt.js) - The Vue.js Progressive Framework\n- [Gridsome](https://github.com/gridsome/gridsome) - The Vue.js JAMstack Framework\n- [Ream](https://github.com/ream/ream) - Framework for building universal web app and static website in Vue.js\n- [Vue-Storefront](https://github.com/DivanteLtd/vue-storefront) - PWA for eCommerce\n- [Factor JS](https://github.com/fiction-com/factor) - Extension-first VueJS platform for front-end developers.\n\n## How to translate documentation\n\nThanks for your interest in translating the documentation. As our docs are based on VuePress, we recommend to have a look at their docs about [internationalization](https://vuepress.vuejs.org/guide/i18n.html#site-level-i18n-config) as well\n\nHere are the steps you will need to take:\n- Clone this repository\n- Create a new branch\n- Browse to `/docs/`\n- Create a folder with the language code you will add a translation for (eg `/zh/`)\n- Copy all `*.md` files and the folders `api`, `faq`, and `guide` to that folder\n- Translate the copied files in your language folder\n- Edit `.vuepress/config.yml` and add a config section for your locale in both `locales` as `themeConfig.locales`\n- Test your translation by running the docs dev server with `yarn docs`\n- Create a pull request with your changes\n- Receive eternal gratefulness from your fellow language speakers :heart:\n\n## Old versions\n\nClick [here](https://github.com/nuxt/vue-meta/tree/1.x) if you are looking for the old v1 readme\n\n## License\n\n[MIT](./LICENSE.md)\n","_attachments":{},"homepage":"https://github.com/nuxt/vue-meta","bugs":{"url":"https://github.com/nuxt/vue-meta/issues"},"license":"MIT"}
![\"vue-meta\"](\"./docs/.vuepress/public/vue-meta.png\")
\n![\"npm](\"https://img.shields.io/npm/dm/vue-meta.svg\")
\n ![\"npm](\"https://img.shields.io/npm/v/vue-meta.svg\")
\n ![\"dependencies](\"https://david-dm.org/nuxt/vue-meta/status.svg\")
\n