first commit
This commit is contained in:
32
resources/js/Layouts/Components/AppUserButton.vue
Normal file
32
resources/js/Layouts/Components/AppUserButton.vue
Normal file
@@ -0,0 +1,32 @@
|
||||
<script setup>
|
||||
import {useAuthStore} from "../../Stores/auth.js";
|
||||
import {NDropdown, NButton} from 'naive-ui'
|
||||
|
||||
const authStore = useAuthStore()
|
||||
const userOptions = [
|
||||
{
|
||||
label: 'Выход',
|
||||
key: 'exit',
|
||||
},
|
||||
]
|
||||
const themeOverride = {
|
||||
border: null,
|
||||
borderHover: null,
|
||||
borderPressed: null,
|
||||
borderFocus: null,
|
||||
paddingMedium: null,
|
||||
rippleColor: null
|
||||
}
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<NDropdown :options="userOptions" placement="bottom-end">
|
||||
<NButton :theme-overrides="themeOverride">
|
||||
{{ authStore.user?.name }}
|
||||
</NButton>
|
||||
</NDropdown>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
Reference in New Issue
Block a user