client/src/components/MyFooter.vue
<!-- Copyright © 2018-2020 Stanislav Valasek <valasek@gmail.com> -->
<template>
<q-footer elevated class="bg-primary text-secondary">
<q-toolbar>
2018 - {{ (new Date()).getFullYear() }} © Stanislav Valasek<q-space />{{ type }}<q-space />Version: {{ version === "" ? "dev" : version }} | Server: {{ domain }}:{{ port }}
</q-toolbar>
</q-footer>
</template>
<script>
import { mapState } from 'vuex'
export default {
data () {
return {
domain: '',
port: '',
type: ''
}
},
computed: {
...mapState({
version: state => state.settings.version
})
},
created () {
this.domain = process.env.APP_DOMAIN
this.port = process.env.APP_PORT
this.type = process.env.APP_TYPE
}
}
</script>
<style>
</style>