mirror of https://github.com/requarks/wiki
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
42 lines
1015 B
42 lines
1015 B
<template lang='pug'>
|
|
q-btn.q-ml-md(flat, round, dense, color='grey')
|
|
q-icon(v-if='!state.user.picture', name='las la-user-circle')
|
|
q-avatar(v-else)
|
|
img(:src='state.user.picture')
|
|
q-menu(auto-close)
|
|
q-card(flat, style='width: 300px;', :dark='false')
|
|
q-card-section(align='center')
|
|
.text-subtitle1.text-grey-7 {{state.user.name}}
|
|
.text-caption.text-grey-8 {{state.user.email}}
|
|
q-separator(:dark='false')
|
|
q-card-actions(align='center')
|
|
q-btn(
|
|
flat
|
|
label='Profile'
|
|
icon='las la-user-alt'
|
|
color='primary'
|
|
href='/_profile'
|
|
no-caps
|
|
)
|
|
q-btn(flat
|
|
label='Logout'
|
|
icon='las la-sign-out-alt'
|
|
color='red'
|
|
href='/logout'
|
|
no-caps
|
|
)
|
|
q-tooltip Account
|
|
</template>
|
|
|
|
<script setup>
|
|
import { reactive } from 'vue'
|
|
|
|
const state = reactive({
|
|
user: {
|
|
name: 'John Doe',
|
|
email: 'test@example.com',
|
|
picture: null
|
|
}
|
|
})
|
|
</script>
|