mirror of
https://github.com/tenrok/vue-meta.git
synced 2026-05-22 12:14:05 +03:00
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
35 lines
572 B
JavaScript
35 lines
572 B
JavaScript
import Vue from 'vue'
|
|
import VueMeta from 'vue-meta'
|
|
|
|
Vue.use(VueMeta)
|
|
|
|
Vue.component('foo', {
|
|
template: '<p>Foo component</p>',
|
|
metaInfo: {
|
|
title: 'Keep me Foo'
|
|
}
|
|
})
|
|
|
|
new Vue({
|
|
data () {
|
|
return { showFoo: false }
|
|
},
|
|
methods: {
|
|
show () {
|
|
this.showFoo = !this.showFoo
|
|
}
|
|
},
|
|
template: `
|
|
<div id="app">
|
|
<h1>Kept alive foo</h1>
|
|
<button @click="show">Toggle Foo</button>
|
|
<keep-alive>
|
|
<foo v-if="showFoo"/>
|
|
</keep-alive>
|
|
</div>
|
|
`,
|
|
metaInfo: () => ({
|
|
title: 'Keep-alive'
|
|
})
|
|
}).$mount('#app')
|