47 lines
1.4 KiB
Vue
47 lines
1.4 KiB
Vue
<template>
|
|
<div>
|
|
<div class="relative">
|
|
<UploadableImage
|
|
:image-width=1500
|
|
:image-height=500
|
|
location="cover"
|
|
:image="authUser.data.attributes.cover_image"
|
|
:author="authUser"
|
|
:id="authUser.data.user_id"
|
|
:model="authUser.data.type"
|
|
classes="cover"
|
|
:alt="authUser.data.attributes.name"/>
|
|
<div class="absolute b-0">
|
|
<UploadableImage
|
|
:image-width=750
|
|
:image-height=750
|
|
location="profile"
|
|
:image="authUser.data.attributes.profile_image"
|
|
:author="authUser"
|
|
:id="authUser.data.user_id"
|
|
:model="authUser.data.type"
|
|
classes="profile absolute"
|
|
:alt="authUser.data.attributes.name"/>
|
|
<h1 class="profile-title">{{ authUser.data.attributes.name }}</h1>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import { mapGetters } from 'vuex'
|
|
import UploadableImage from "../../components/UploadableImage";
|
|
|
|
export default {
|
|
name: 'Profil',
|
|
components: {
|
|
UploadableImage
|
|
},
|
|
computed: {
|
|
...mapGetters({
|
|
authUser: 'authUser',
|
|
})
|
|
},
|
|
}
|
|
</script>
|