2.4.0 • Published 2 years ago

vue-meta v2.4.0

Weekly downloads
445,147
License
MIT
Repository
github
Last release
2 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

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-testkw-nuxthuc-frameworkhuchuang_basic_testhw-design-systemkdv-ebs-vue-design-systemkomercia-core-componentskolibrigull-seedlavas-corelavas-core-vueindra-design-systemiot-webiot-topo-editorim-the-engineiztech-design-system-neoizteach-design-systemizteach-design-system-3izteach-design-system-prodizteach-design-system-testiztech-design-systemjk-front-packagenast-routernitseditor-frontendnmesnmes-uimarigoldwebmarigoldweb1mtx-componentsinspur-vue3-uimyvuessrnb-vue-ssr-ghostmessage_blocksnp-design-systemnt-storybooklu-design-systemmcdsmcdstestmediway-ui-npm-01mediway-ui1mediway-ui2mediway-ui3mediway-ui4mediway-uimediway-ui-myhmediway-ui-npm@uiengine/theme@uiengine/ui@vapper/core@unlabel/vue@visitscotland/vs-component-library@tripla/tripla-design-system@triotech/vue-core@vitely/vue2@vitescv/vuemeta@shenff/aber-shop-ui@shopware-pwa/nuxt-module@page-creater/wrapper-test@poi/plugin-vue-static@siteo/app@renanbronchart/app@renanbronchart/app-old@renanbronchart/vue-ssr-pock@rockband/vue@rohitpal/nuxt@riejs/packer-vue2@riejs/renderer-vue2@syman/boss_mobile_navigation@teld/nuxt@teld_travel/nuxt@tyankatsu0105/types-gridsome
3.0.0-alpha.10

2 years ago

3.0.0-alpha.9

3 years ago

3.0.0-alpha.8

3 years ago

3.0.0-alpha.7

3 years ago

3.0.0-alpha.6

3 years ago

3.0.0-alpha.5

3 years ago

3.0.0-alpha.4

3 years ago

3.0.0-alpha.3

3 years ago

3.0.0-alpha.2

3 years ago

3.0.0-alpha.1

3 years ago

3.0.0-alpha.0

3 years ago

2.4.0

4 years ago

2.3.4

4 years ago

2.3.3

4 years ago

2.3.2

4 years ago

2.3.1

4 years ago

2.3.0

4 years ago

2.3.0-beta.0

5 years ago

2.2.2

5 years ago

2.2.1

5 years ago

2.2.0

5 years ago

2.1.1

5 years ago

2.1.0

5 years ago

2.0.5

5 years ago

2.0.4

5 years ago

2.0.3

5 years ago

2.0.2

5 years ago

2.0.1

5 years ago

2.0.0

5 years ago

2.0.0-rc.2

5 years ago

2.0.0-rc.1

5 years ago

2.0.0-rc.0

5 years ago

1.6.0

5 years ago

1.5.8

5 years ago

1.5.7

5 years ago

1.5.6

5 years ago

1.5.5

6 years ago

1.5.4

6 years ago

1.5.3

6 years ago

1.5.2

6 years ago

1.5.0

6 years ago

1.4.4

6 years ago

1.4.3

6 years ago

1.4.2

6 years ago

1.4.0

6 years ago

1.3.1

6 years ago

1.3.0

6 years ago

1.2.0

7 years ago

1.1.0

7 years ago

1.0.5

7 years ago

1.0.4

7 years ago

1.0.3

7 years ago

1.0.2

7 years ago

1.0.1

7 years ago

1.0.0

7 years ago

0.5.6

7 years ago

0.5.5

7 years ago

0.5.4

7 years ago

0.5.3

7 years ago

0.5.2

7 years ago

0.5.1

7 years ago

0.5.0

7 years ago

0.4.4

7 years ago

0.4.3

7 years ago

0.4.2

7 years ago

0.4.1

7 years ago

0.4.0

7 years ago

0.3.0

7 years ago

0.2.0

7 years ago

0.1.1

7 years ago

0.1.0

7 years ago

0.0.0

7 years ago