2.4.0 • Published 4 years ago

vue-meta v2.4.0

Weekly downloads
445,147
License
MIT
Repository
github
Last release
4 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-rcdhns-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-vueim-the-engineindra-design-systemhw-design-systemhuchuang_basic_testhuc-frameworkgull-seedhtao-commongridsomegridsome-source-occrph-biomedical-frameworkhaiquestioncreatehapex-uihc-frameworkhc-framework-clinicalgwt-mapgwt-platform-uiinspur-vue3-uilu-design-systemmarigoldwebmarigoldweb1kw-nuxtkolibrikomercia-core-componentsmcdsmcdstestmediway-uimediway-ui-myhmediway-ui-npmmediway-ui-npm-01mediway-ui1mediway-ui2mediway-ui3mediway-ui4@winfe/client@vapper/core@xianbb/gridsome
3.0.0-alpha.10

4 years ago

3.0.0-alpha.9

5 years ago

3.0.0-alpha.8

5 years ago

3.0.0-alpha.7

5 years ago

3.0.0-alpha.6

5 years ago

3.0.0-alpha.5

5 years ago

3.0.0-alpha.4

5 years ago

3.0.0-alpha.3

5 years ago

3.0.0-alpha.2

5 years ago

3.0.0-alpha.1

5 years ago

3.0.0-alpha.0

5 years ago

2.4.0

6 years ago

2.3.4

6 years ago

2.3.3

6 years ago

2.3.2

6 years ago

2.3.1

7 years ago

2.3.0

7 years ago

2.3.0-beta.0

7 years ago

2.2.2

7 years ago

2.2.1

7 years ago

2.2.0

7 years ago

2.1.1

7 years ago

2.1.0

7 years ago

2.0.5

7 years ago

2.0.4

7 years ago

2.0.3

7 years ago

2.0.2

7 years ago

2.0.1

7 years ago

2.0.0

7 years ago

2.0.0-rc.2

7 years ago

2.0.0-rc.1

7 years ago

2.0.0-rc.0

7 years ago

1.6.0

7 years ago

1.5.8

7 years ago

1.5.7

7 years ago

1.5.6

8 years ago

1.5.5

8 years ago

1.5.4

8 years ago

1.5.3

8 years ago

1.5.2

8 years ago

1.5.0

8 years ago

1.4.4

8 years ago

1.4.3

8 years ago

1.4.2

8 years ago

1.4.0

9 years ago

1.3.1

9 years ago

1.3.0

9 years ago

1.2.0

9 years ago

1.1.0

9 years ago

1.0.5

9 years ago

1.0.4

9 years ago

1.0.3

9 years ago

1.0.2

9 years ago

1.0.1

9 years ago

1.0.0

9 years ago

0.5.6

9 years ago

0.5.5

9 years ago

0.5.4

9 years ago

0.5.3

10 years ago

0.5.2

10 years ago

0.5.1

10 years ago

0.5.0

10 years ago

0.4.4

10 years ago

0.4.3

10 years ago

0.4.2

10 years ago

0.4.1

10 years ago

0.4.0

10 years ago

0.3.0

10 years ago

0.2.0

10 years ago

0.1.1

10 years ago

0.1.0

10 years ago

0.0.0

10 years ago