mirror of
https://github.com/tenrok/vue-meta.git
synced 2026-05-17 14:49:37 +03:00
pimlie
36 lines
806 B
JavaScript
36 lines
806 B
JavaScript
import Vue from 'vue'
|
|
import VueMeta from 'vue-meta'
|
|
|
|
Vue.use(VueMeta)
|
|
|
|
new Vue({
|
|
template: `
|
|
<div id="app">
|
|
<h1>Basic</h1>
|
|
<p>Inspect Element to see the meta info</p>
|
|
</div>
|
|
`,
|
|
metaInfo: () => ({
|
|
title: 'Basic',
|
|
titleTemplate: '%s | Vue Meta Examples',
|
|
htmlAttrs: {
|
|
lang: 'en',
|
|
amp: undefined
|
|
},
|
|
headAttrs: {
|
|
test: true
|
|
},
|
|
bodyAttrs: {
|
|
tabIndex: 0
|
|
},
|
|
meta: [
|
|
{ name: 'description', content: 'Hello', vmid: 'test' }
|
|
],
|
|
script: [
|
|
{ innerHTML: '{ "@context": "http://www.schema.org", "@type": "Organization" }', type: 'application/ld+json' },
|
|
{ innerHTML: '{ "body": "yes" }', body: true, type: 'application/ld+json' }
|
|
],
|
|
__dangerouslyDisableSanitizers: ['script']
|
|
})
|
|
}).$mount('#app')
|