2.4.0 • Published 3 years ago

vue-meta v2.4.0

Weekly downloads
445,147
License
MIT
Repository
github
Last release
3 years ago
<template>
  ...
</template>

<script>
  export default {
    metaInfo: {
      title: 'My Example App',
      titleTemplate: '%s - Yay!',
      htmlAttrs: {
        lang: 'en',
        amp: true
      }
    }
  }
</script>
<html lang="en" amp>
<head>
  <title>My Example App - Yay!</title>
  ...
</head>

Introduction

Vue Meta is a Vue.js plugin that allows you to manage your app's metadata. It is inspired by and works similar as 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.

These 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.

Documentation

Please find the documention on https://vue-meta.nuxtjs.org

:globe_with_meridians: Please help us translate the documentation into your language

Examples

Looking for more examples what vue-meta can do for you? Have a look at the examples

Installation

Yarn
$ yarn add vue-meta
npm
$ npm install vue-meta --save
Download / CDN

Use the download links below - if you want a previous version, check the instructions at https://unpkg.com.

Latest version: https://unpkg.com/vue-meta/lib/vue-meta.min.js

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

Uncompressed:

<script src="https://unpkg.com/vue-meta/lib/vue-meta.js"></script>

Minified:

<script src="https://unpkg.com/vue-meta/lib/vue-meta.min.js"></script>

Quick Usage

See the documentation for more information

import Vue from 'vue'
import VueMeta from 'vue-meta'

Vue.use(VueMeta, {
  // optional pluginOptions
  refreshOnceOnNavigation: true
})

Higher level frameworks using vue-meta

If you wish to create your app even more quickly, take a look at the following frameworks which use vue-meta

  • Nuxt.js - The Vue.js Meta framework
  • Gridsome - The Vue.js JAMstack framework

License

MIT

attributegoogleheadhelmetinfometadatametaseoserverssrtitleuniversalvue
vue-template-mflash.zczc.czauctic-uifirstbet-admin-frontend@tiddh/brave-thunderbolts-dsbrave-thunderbolts-dseuaaaiodowebtempfix-for-version-one-point-one-point-threeopn-vue-design-systemfieldflintnuxt-compactnuxt2@mayking0811/ui-components@selfagencyllc/dev-tools-vue@tiddh/brave-thunderboltsgridpressvue-frontend-boilerplate@thtf/form-designer@colorline/colorline-designsystemvalin-front-test@ghd.engage/engage-room-library@xieyuheng/postmark-components-vue2@xieyuheng/postmark-components-vue3engage-room-js2engage-room-librarylightswitch-storefrontwbu-design-systemvuesfcbuilderemergency-disposal@encoradxp/mat-lib-testtamanyan_nuxtsys-uiwillhayes-ruoyiwanderlust-dsvuex-projectvue-laravel-componentswordtestwtf-core-vuewt-formteld-nuxtteld-runtime-nuxtspreadjs-componentstestcomponents3teststarlightvsfcvssrvue-hamalvite-plugin-vue-vuefrontvmfvue-design-system-rc@dovca/nuxt-vue-renderer@cscape/vuepress-core@core-server/vue@darktower/zero-common-deps@dovca/nuxt-start@dovca/nuxt-vue-app@doweb/vuexpress@benbird/cf_edit@benbird/cf_ui@benbird/bf_components@benbird/bf_designdhns-businessjobboardfire-nuxtjk-front-packageiot-topo-editoriot-webiztech-design-system-neoizteach-design-systemizteach-design-system-3izteach-design-system-prodizteach-design-system-testiztech-design-systemkdv-ebs-vue-design-systemlavas-corelavas-core-vuegridsome-maketduck-fronttduck-front-xawtemp-reamrail-runtimesqltools-alituji-vue-renderertinhnow-h5-uiuiengine-themeuiengine-theme-defaultui-crmtiny-component-library-testtosun@arasari/framework@anhdt.developer/izteach-design-system@anhdt.developer/izteach-design-system-test@anhdt.developer/theme-duong-dai@arckinteractive/noah-ui@averjs/core@agendize/vue-widget@awestlib/feathers-design-system@ax2/xms-core@azibai/chat@backend/renderer-vue@baldeweg/components
3.0.0-alpha.10

3 years ago

3.0.0-alpha.9

4 years ago

3.0.0-alpha.8

4 years ago

3.0.0-alpha.7

4 years ago

3.0.0-alpha.6

4 years ago

3.0.0-alpha.5

4 years ago

3.0.0-alpha.4

4 years ago

3.0.0-alpha.3

4 years ago

3.0.0-alpha.2

4 years ago

3.0.0-alpha.1

4 years ago

3.0.0-alpha.0

4 years ago

2.4.0

5 years ago

2.3.4

5 years ago

2.3.3

5 years ago

2.3.2

5 years ago

2.3.1

6 years ago

2.3.0

6 years ago

2.3.0-beta.0

6 years ago

2.2.2

6 years ago

2.2.1

6 years ago

2.2.0

6 years ago

2.1.1

6 years ago

2.1.0

6 years ago

2.0.5

6 years ago

2.0.4

6 years ago

2.0.3

6 years ago

2.0.2

6 years ago

2.0.1

6 years ago

2.0.0

6 years ago

2.0.0-rc.2

6 years ago

2.0.0-rc.1

6 years ago

2.0.0-rc.0

6 years ago

1.6.0

6 years ago

1.5.8

6 years ago

1.5.7

6 years ago

1.5.6

7 years ago

1.5.5

7 years ago

1.5.4

7 years ago

1.5.3

7 years ago

1.5.2

7 years ago

1.5.0

7 years ago

1.4.4

7 years ago

1.4.3

7 years ago

1.4.2

7 years ago

1.4.0

8 years ago

1.3.1

8 years ago

1.3.0

8 years ago

1.2.0

8 years ago

1.1.0

8 years ago

1.0.5

8 years ago

1.0.4

8 years ago

1.0.3

8 years ago

1.0.2

8 years ago

1.0.1

8 years ago

1.0.0

8 years ago

0.5.6

8 years ago

0.5.5

8 years ago

0.5.4

8 years ago

0.5.3

9 years ago

0.5.2

9 years ago

0.5.1

9 years ago

0.5.0

9 years ago

0.4.4

9 years ago

0.4.3

9 years ago

0.4.2

9 years ago

0.4.1

9 years ago

0.4.0

9 years ago

0.3.0

9 years ago

0.2.0

9 years ago

0.1.1

9 years ago

0.1.0

9 years ago

0.0.0

9 years ago