smartai2dian0/src/modules/conversation-board/BoardWelcome.vue

<template>
  <div class="conversation-board-welcome">
    <div>{{ $t('conversation.hello') }}，{{ current_u_name }}</div>
    <div>{{ $t('conversation.nice_day') }}</div>
  </div>
</template>

<script setup>
import { computed } from 'vue';
import { useCurrentUserStore } from '../../base/store/use-current-user';

const curUserStore = useCurrentUserStore();

const current_u_name = computed(() => {
  return curUserStore.username;
});
</script>

<style lang="css" scoped>
.conversation-board-welcome {
  text-align: center;

  font-size: 32px;
  font-weight: bold;

  color: var(--color-text-1);
}
</style>