39 lines
889 B
Vue
Raw Normal View History

2021-10-13 17:29:12 +02:00
<template>
<div id="profile" class="container">
<Profile :user="authUser" v-if="authUser.username" />
</div>
</template>
<script lang="ts">
import { computed, ComputedRef, defineComponent } from 'vue'
import Profile from '@/components/User/Profile.vue'
import { USER_STORE } from '@/store/constants'
import { IAuthUserProfile } from '@/types/user'
import { useStore } from '@/use/useStore'
export default defineComponent({
name: 'ProfileView',
components: {
Profile,
},
setup() {
const store = useStore()
const authUser: ComputedRef<IAuthUserProfile> = computed(
() => store.getters[USER_STORE.GETTERS.AUTH_USER_PROFILE]
)
return {
authUser,
}
},
})
</script>
<style lang="scss" scoped>
@import '~@/scss/base.scss';
#profile {
display: flex;
flex-direction: column;
}
</style>