{"id":13468805,"url":"https://github.com/nuxt/vue-meta","last_synced_at":"2025-12-15T02:31:27.367Z","repository":{"id":37430883,"uuid":"72311680","full_name":"nuxt/vue-meta","owner":"nuxt","description":"Manage HTML metadata in Vue.js components with SSR support","archived":false,"fork":false,"pushed_at":"2025-05-06T18:39:27.000Z","size":5744,"stargazers_count":4090,"open_issues_count":76,"forks_count":246,"subscribers_count":40,"default_branch":"master","last_synced_at":"2025-05-09T03:47:34.550Z","etag":null,"topics":["meta","metadata","seo","vue"],"latest_commit_sha":null,"homepage":"https://vue-meta.nuxtjs.org","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/nuxt.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2016-10-29T22:00:54.000Z","updated_at":"2025-05-08T19:24:12.000Z","dependencies_parsed_at":"2022-07-14T23:16:55.554Z","dependency_job_id":"c84e2328-ed9f-4bcc-b2ea-8d6f62710f7c","html_url":"https://github.com/nuxt/vue-meta","commit_stats":{"total_commits":736,"total_committers":70,"mean_commits":"10.514285714285714","dds":0.5597826086956521,"last_synced_commit":"96d8ce4c38011343d41c005098f42e0f5018818a"},"previous_names":["declandewet/vue-meta"],"tags_count":71,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nuxt%2Fvue-meta","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nuxt%2Fvue-meta/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nuxt%2Fvue-meta/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nuxt%2Fvue-meta/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/nuxt","download_url":"https://codeload.github.com/nuxt/vue-meta/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253510055,"owners_count":21919648,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["meta","metadata","seo","vue"],"created_at":"2024-07-31T15:01:19.404Z","updated_at":"2025-12-15T02:31:22.323Z","avatar_url":"https://github.com/nuxt.png","language":"JavaScript","funding_links":[],"categories":["JavaScript","UI Utilities"],"sub_categories":["Meta Tags"],"readme":"# This project is not actively maintained anymore.\n## More information can be found in https://github.com/nuxt/vue-meta/issues/808\n\n---\n\n\n### :v::3rd_place_medal:  Check the [next](https://github.com/nuxt/vue-meta/tree/next) branch for Vue3 support\n--------------\n\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"./docs/.vuepress/public/vue-meta.png\" alt=\"vue-meta\" /\u003e\n\u003c/p\u003e\n\n\u003ch5 align=\"center\"\u003e\n  Manage HTML metadata in Vue.js components with SSR support\n\u003c/h5\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"http://npm-stat.com/charts.html?package=vue-meta\"\u003e\u003cimg src=\"https://img.shields.io/npm/dm/vue-meta.svg\" alt=\"npm downloads\"\u003e\u003c/a\u003e\n  \u003ca href=\"http://npmjs.org/package/vue-meta\"\u003e\u003cimg src=\"https://img.shields.io/npm/v/vue-meta.svg\" alt=\"npm version\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://codecov.io/gh/nuxt/vue-meta\"\u003e\u003cimg src=\"https://badgen.net/codecov/c/github/nuxt/vue-meta/master\" alt=\"Coverage Status\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://circleci.com/gh/nuxt/vue-meta/\"\u003e\u003cimg src=\"https://badgen.net/circleci/github/nuxt/vue-meta\" alt=\"Build Status\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://david-dm.org/nuxt/vue-meta\"\u003e\u003cimg src=\"https://david-dm.org/nuxt/vue-meta/status.svg\" alt=\"dependencies Status\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://discord.nuxtjs.org/\"\u003e\u003cimg src=\"https://badgen.net/badge/Discord/join-us/7289DA\" alt=\"Discord\"\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n```html\n\u003ctemplate\u003e\n  ...\n\u003c/template\u003e\n\n\u003cscript\u003e\n  export default {\n    metaInfo: {\n      title: 'My Example App',\n      titleTemplate: '%s - Yay!',\n      htmlAttrs: {\n        lang: 'en',\n        amp: true\n      }\n    }\n  }\n\u003c/script\u003e\n```\n```html\n\u003chtml lang=\"en\" amp\u003e\n\u003chead\u003e\n  \u003ctitle\u003eMy Example App - Yay!\u003c/title\u003e\n  ...\n\u003c/head\u003e\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\u003e :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\u003cscript src=\"https://unpkg.com/vue-meta/dist/vue-meta.js\"\u003e\u003c/script\u003e\n```\n\n**Minified:**\n```html\n\u003cscript src=\"https://unpkg.com/vue-meta/dist/vue-meta.min.js\"\u003e\u003c/script\u003e\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","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnuxt%2Fvue-meta","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnuxt%2Fvue-meta","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnuxt%2Fvue-meta/lists"}