feat: add nickname in console Header.vue (#638)

Author: ChiveHao

CHANGELOG.MD

@@ -8,6 +8,7 @@
 
 - 添加一些更为细致的权限目标(auth target)
 - 用户个人信息更新接口抽取 #636
+- console显示用户昵称
 
 # 0.14.2
 

console/src/layouts/Header.vue

@@ -3,6 +3,7 @@ import Hamburger from './components/Hamburger.vue';
 import Avatar from './components/Avatar.vue';
 import Breadcrumb from './components/Breadcrumb.vue';
 import LanguageSelect from './components/LanguageSelect.vue';
+import Wellcome from './components/Wellcome.vue';
 </script>
 
 <template>
@@ -11,6 +12,8 @@ import LanguageSelect from './components/LanguageSelect.vue';
 		<Breadcrumb />
 
 		<div class="navbar-right">
+      <Wellcome/>
+      &nbsp;&nbsp;&nbsp;&nbsp;
 			<LanguageSelect />
 			&nbsp;&nbsp;&nbsp;&nbsp;
 			<Avatar class="navbar-item" />

console/src/layouts/components/Wellcome.vue

@@ -0,0 +1,12 @@
+<script setup lang="ts">
+import {useUserStore} from '@/stores/user';
+
+const userStore = useUserStore();
+</script>
+<template>
+  <div>
+    Hello, {{ userStore.currentUser?.entity?.nickname }}
+  </div>
+</template>
+<style lang="scss" scoped>
+</style>