81 lines
1.5 KiB
Vue
81 lines
1.5 KiB
Vue
<template>
|
|
<MainContentLayout id="not-found" class="">
|
|
<template v-slot:header>
|
|
<span v-if="!page" class="loading">Loading ...</span>
|
|
<h1 v-else>{{ page.title }}</h1>
|
|
</template>
|
|
|
|
<div v-if="page" v-html="page.tei" />
|
|
|
|
</MainContentLayout>
|
|
</template>
|
|
|
|
<script>
|
|
import { mapState, mapActions } from 'vuex'
|
|
|
|
import MainContentLayout from '../components/Layouts/MainContentLayout'
|
|
|
|
export default {
|
|
name: 'Static',
|
|
components: {
|
|
MainContentLayout
|
|
},
|
|
data: () => ({
|
|
uuid: null,
|
|
page: null
|
|
}),
|
|
computed: {
|
|
...mapState({
|
|
colophon: state => state.Colophon.colophon
|
|
})
|
|
// page () {
|
|
// }
|
|
},
|
|
beforeCreate () {
|
|
|
|
},
|
|
created () {
|
|
if (!this.colophon.length) {
|
|
this.getColophon()
|
|
}
|
|
console.log('Static created', this.$route)
|
|
this.uuid = this.$route.name
|
|
if (this.colophon && this.colophon.length > 0) {
|
|
this.setPage()
|
|
}
|
|
},
|
|
watch: {
|
|
$route (n, o) {
|
|
console.log('static route changed', n, o)
|
|
this.uuid = n.name
|
|
if (this.colophon && this.colophon.length > 0) {
|
|
this.setPage()
|
|
}
|
|
},
|
|
colophon (n, o) {
|
|
this.setPage()
|
|
}
|
|
},
|
|
methods: {
|
|
...mapActions({
|
|
getColophon: 'Colophon/getColophon'
|
|
}),
|
|
setPage () {
|
|
for (let i = 0; i < this.colophon.length; i++) {
|
|
if (this.colophon[i].uuid === this.uuid) {
|
|
this.page = this.colophon[i]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
metaInfo () {
|
|
return {
|
|
title: `Static`
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
</style>
|