flaschengeist-frontend/src/plugins/user/pages/User.vue

44 lines
1.1 KiB
Vue
Raw Normal View History

<template>
<div>
<q-page
padding
class="fit row justify-center content-center items-center"
2020-10-15 01:36:25 +00:00
v-if="true"
>
2020-10-15 01:36:25 +00:00
<q-card
class="col-4"
height=""
>
<q-card-section>
2020-10-15 01:36:25 +00:00
Name: {{ userState.user.firstname }} {{ userState.user.lastname }}<br />
E-Mail: {{ userState.user.mail }}<br />
Roles: <ul
v-for="role in userState.user.roles"
v-bind:key="role"
>
<li>{{ role }}</li>
</ul><br />
Token expires: {{ userState.token.expires }}
</q-card-section>
</q-card>
</q-page>
<router-view />
</div>
</template>
<script lang="ts">
2020-10-15 01:36:25 +00:00
import { defineComponent, computed } from '@vue/composition-api';
import { UserStateInterface } from '../../../store/module-user/state';
export default defineComponent({
// name: 'PageName'
2020-10-15 01:36:25 +00:00
setup(_, { root }) {
const userState = computed(
() => <UserStateInterface>root.$store.state.user
);
const a = ctx.root.$flaschengeistPlugins.mainLinks;
2020-10-15 01:36:25 +00:00
return { a, userState };
},
});
</script>