diff --git a/examples/ssr.js b/examples/ssr.js new file mode 100644 index 0000000..8655c58 --- /dev/null +++ b/examples/ssr.js @@ -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: '', + 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: '

Hello

', + 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()) +})