mirror of
https://github.com/tenrok/vue-meta.git
synced 2026-06-06 23:12:25 +03:00
Pim
fc71e1f1c4
* refactor(examples): run ssr example from server * chore: switch to babel for build buble complains too much * feat: enable loaded callbacks feat: add skip option * examples: add async-callback browser example * examples: fix server * examples(ssr): add reactive script with callback * fix: also skip on ssr * chore: remove unused var * feat: only add mutationobserver if DOM is still loading feat: disconnect mutation observer once DOM has loaded * examples: pass vmid to loadCallback instead of el * feat: also support load callbacks for link/style tags * test: add unit tests for load * test: add load e2e test * chore: fix lint * chore: remove unused files * test: fix e2e load callback test * test: fix attempt * examples: ie9 compatiblity destructuring doesnt work in ie9 * fix: add onload attribute on ssr dont rely on mutationobserver * chore: lint ci conf * refactor: remove loadCallbackAttribute config option test: fix coverage for load * test: improve coverage * fix: only use console when it exists (for ie9) * chore: fix coverage
40 lines
1.1 KiB
Vue
40 lines
1.1 KiB
Vue
<template>
|
|
<div>
|
|
<h2>Home</h2>
|
|
<router-link to="/about">Go to About</router-link>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
metaInfo() {
|
|
return {
|
|
title: 'Home',
|
|
titleTemplate: '%s | Vue Meta Test',
|
|
htmlAttrs: {
|
|
lang: 'en',
|
|
allowfullscreen: undefined,
|
|
amp: true
|
|
},
|
|
headAttrs: {
|
|
test: true
|
|
},
|
|
meta: [
|
|
{ name: 'description', content: 'Hello', vmid: 'test' }
|
|
],
|
|
script: [
|
|
{ vmid: 'ldjson', innerHTML: '{ "@context": "http://www.schema.org", "@type": "Organization" }', type: 'application/ld+json' },
|
|
{ innerHTML: '{ "more": "data" }', type: 'application/ld+json' },
|
|
{ vmid: 'loadtest', src: '/load-test.js', body: true, async: true, callback: () => (window.loadCallback = 'yes') }
|
|
],
|
|
noscript: [
|
|
{ innerHTML: '{ "pbody": "yes" }', pbody: true, type: 'application/ld+json' },
|
|
{ innerHTML: '{ "body": "yes" }', body: true, type: 'application/ld+json' }
|
|
],
|
|
__dangerouslyDisableSanitizers: ['noscript'],
|
|
__dangerouslyDisableSanitizersByTagID: { ldjson: ['innerHTML'] }
|
|
}
|
|
}
|
|
}
|
|
</script>
|