51 lines
976 B
Vue
51 lines
976 B
Vue
<template>
|
|
<section>
|
|
<v-markdown :source="contactInfoContent" />
|
|
<v-markdown :source="$t('contact.content')" />
|
|
<a class="btn" href="mailto:info@candymat.org">
|
|
backoffice (a) netzbegruenung.de
|
|
<feather-mail />
|
|
</a>
|
|
</section>
|
|
</template>
|
|
|
|
<script>
|
|
import { apolloPageInfoContactQuery } from '@/app/contact/graphqlQueries'
|
|
export default {
|
|
name: 'Contact',
|
|
components: {
|
|
'feather-mail': () =>
|
|
import('vue-feather-icons/icons/MailIcon' /* webpackChunkName: "icons" */)
|
|
},
|
|
data () {
|
|
return {
|
|
allUserAppInfos: {}
|
|
}
|
|
},
|
|
|
|
apollo: {
|
|
allUserAppInfos: {
|
|
query: apolloPageInfoContactQuery
|
|
}
|
|
},
|
|
|
|
computed: {
|
|
contactInfoContent () {
|
|
return this.allUserAppInfos.nodes[0].content
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
@import "~@/styles/layout";
|
|
|
|
h1 {
|
|
margin-bottom: $base-gap;
|
|
}
|
|
|
|
a {
|
|
margin-top: $base-gap;
|
|
}
|
|
</style>
|