<template>
  <div class="tool-bar">
    <span class="username" style="margin-right: 8px">{{ userStore.user.userName }}</span>
    <el-avatar :icon="UserFilled" />
  </div>
</template>
<script lang="tsx" setup name="AppTools">
import { UserFilled } from '@element-plus/icons-vue'

import { useUserStore } from '@/stores'
const userStore = useUserStore()
</script>
<style lang="scss" scoped>
@use '../index';
</style>
