Vue Meta

Theme by Nuxt

|

Updated: 26 Jul 2023

|

4088 Stars

Manage HTML metadata in Vue.js components with SSR support

Categories

Overview:

Vue Meta is a Vue.js plugin designed for managing app metadata efficiently. It simplifies the process by allowing developers to export metadata as part of the component’s data using the metaInfo property. This plugin is inspired by react-helmet for React, enabling users to set metadata on nested components that can overwrite their parent components’ metadata.

Features:

• Efficient Metadata Management: Export metadata as part of the component’s data using the metaInfo property.
• Nested Component Support: Overwrite parent components’ metadata with metadata set on deeply nested components.
• Inspired by React-Helmet: Functionality similar to react-helmet for React.
• Maintainable Code: Create custom metadata for each top-level view and link metadata directly to deeply nested subcomponents.

Installation:

To install Vue Meta, you can use Yarn or npm.

• Yarn:

  yarn add vue-meta
  

• npm:

  npm install vue-meta
  

For using the CDN, refer to the following links:

• Latest version: https://unpkg.com/vue-meta/dist/vue-meta.min.js
• Latest v1.x version: https://unpkg.com/vue-meta@1/dist/vue-meta.min.js

Summary:

Vue Meta is a Vue.js plugin that simplifies the management of app metadata, offering features like nested component support and efficient metadata management. Users can easily set metadata on nested components and have them overwrite metadata on parent components. Despite the lack of active maintenance, Vue Meta remains a valuable tool for Vue.js developers looking to streamline metadata management in their applications.