fix dynamic user name

layers/portal/pages/portal/index.vue

@@ -33,11 +33,12 @@ function useGreetings() {
 }
 
 const { getTodaysMessage } = useGreetings();
+const { user } = useDirectusAuth();
 </script>
 <template>
 	<PageContainer>
 		<img class="w-48 ml-auto mr-0" src="~/assets/illustrations/tokyo-luminous-table-lamp-on-boxes.svg" />
-		<TypographyTitle class="normal-case">{{ greetUser() }} Bryant,</TypographyTitle>
+		<TypographyTitle class="normal-case">{{ greetUser() }}  {{ user?.first_name ?? 'friend' }},</TypographyTitle>
 		<TypographyHeadline :content="getTodaysMessage()" size="xl" />
 		<VDivider class="my-8" />
 		<div class="grid w-full grid-cols-1 gap-6 md:grid-cols-2">

modules/directus/runtime/composables/useDirectusAuth.ts

@@ -2,14 +2,15 @@ import jwtDecode from 'jwt-decode';
 import { readMe, passwordRequest, passwordReset } from '@directus/sdk';
 import type { RestClient, AuthenticationClient } from '@directus/sdk';
 import type { Schema } from '~/types/schema';
+import type { User } from '~/types'
 
 import { useState, useRuntimeConfig, useRoute, navigateTo, clearNuxtData, useNuxtApp } from '#imports';
 
 export default function useDirectusAuth<DirectusSchema extends object>() {
 	const nuxtApp = useNuxtApp();
 	const $directus = nuxtApp.$directus as RestClient<Schema> & AuthenticationClient<Schema>;
 
-	const user = useState('user');
+	const user: Ref<User> = useState('user');
 
 	const config = useRuntimeConfig();