mirrors/vue-meta
2
0
Fork 0
mirror of https://github.com/tenrok/vue-meta.git synced 2026-06-24 12:20:33 +03:00
Code Activity

add basic render example + fix a bug where missing root metInfo prevented fetching metaInfo from deeper in the component heirarchy

Browse Source
This commit is contained in:
Declan de Wet
2016-11-06 21:59:12 +02:00
parent 1f64d1ea7f
commit 2f6c27b750
4 changed files with 47 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
examples/basic-render/app.js
+27
View File
@@ -0,0 +1,27 @@
import Vue from 'vue'
import VueMeta from 'vue-meta'
Vue.use(VueMeta)
Vue.component('child', {
name: 'Child',
props: ['page'],
render (h) {
return h('h3', null, this.page)
},
metaInfo: {
title () {
return this.page
}
}
})
new Vue({
template: `
<div id="app">
<h1>Basic Render</h1>
<p>Inspect Element to see the meta info</p>
<child page="This is a prop"></child>
</div>
`
}).$mount('#app')
examples/basic-render/index.html
+5
View File
@@ -0,0 +1,5 @@
<!DOCTYPE html>
<link rel="stylesheet" href="/global.css">
<a href="/">&larr; Examples index</a>
<div id="app"></div>
<script src="/__build__/basic-render.js"></script>
examples/index.html
+1
View File
@@ -8,6 +8,7 @@
<h1>Vue Meta Examples</h1> <h1>Vue Meta Examples</h1>
<ul> <ul>
<li><a href="basic">Basic</a></li> <li><a href="basic">Basic</a></li>
<li><a href="basic-render">Basic Render</a></li>
</ul> </ul>
</body> </body>
</html> </html>
src/shared/getComponentOption.js
+14 -15
View File
@@ -34,22 +34,21 @@ export default function getComponentOption (opts, result = {}) {
clone: true, clone: true,
arrayMerge arrayMerge
}) })
} else {
// collect & aggregate child options if deep = true result = data
if (deep && component.$children.length) {
component.$children.forEach((childComponent) => {
result = getComponentOption({
component: childComponent,
option,
deep,
arrayMerge
}, result)
})
}
return result
} }
result = data }
// collect & aggregate child options if deep = true
if (deep && component.$children.length) {
component.$children.forEach((childComponent) => {
result = getComponentOption({
component: childComponent,
option,
deep,
arrayMerge
}, result)
})
} }
return result return result