2
0
mirror of https://github.com/tenrok/vue-meta.git synced 2026-05-31 12:04:04 +03:00

Add SSR example

This commit is contained in:
Sebastien Chopin
2017-05-16 17:21:01 +02:00
parent c9032871b5
commit fba3c42287
+40
View File
@@ -0,0 +1,40 @@
const Vue = require('vue')
const renderer = require('vue-server-renderer').createRenderer()
const VueMeta = require('../')
Vue.use(VueMeta, {
tagIDKeyName: 'hid'
})
const vm = new Vue({
template: '<hello/>',
metaInfo: {
title: 'Hello',
htmlAttrs: { amp: undefined },
meta: [
{ hid: 'description', name: 'description', content: 'Hello World' }
],
script: [
{ innerHTML: '{ "@context": "http://www.schema.org", "@type": "Organization" }', type: 'application/ld+json' }
],
__dangerouslyDisableSanitizers: ['script']
},
components: {
Hello: {
template: '<p>Hello</p>',
metaInfo: {
title: 'Coucou',
meta: [
{ hid: 'description', name: 'description', content: 'Coucou' }
]
}
}
}
})
const html = renderer.renderToString(vm, function (err, html) {
console.log('Title', vm.$meta().inject().title.text())
console.log('HTML', vm.$meta().inject().htmlAttrs.text())
console.log('Meta', vm.$meta().inject().meta.text())
console.log('Script', vm.$meta().inject().script.text())
})