fix: use rich (emoji) display name only with <ContentRich>

pages/@[account]/[status].vue

@@ -23,7 +23,7 @@ const { data: context } = useAsyncData(`context:${id}`, () => masto.statuses.fet
         v-if="currentUser"
         border="t base"
         :draft-key="`reply-${id}`"
-        :placeholder="`Reply to ${status?.account ? getDisplayName(status?.account) : 'this thread'}`"
+        :placeholder="`Reply to ${status?.account ? getDisplayName(status.account) : 'this thread'}`"
         :in-reply-to-id="id"
       />
 

pages/@[account]/index.vue

@@ -6,7 +6,7 @@ const account = await fetchAccountByName(accountName).catch(() => null)
 
 if (account) {
   useHead({
-    title: () => `${account.displayName?.replace(/\:\w+\:/g, '') ?? ''} (@${account.acct})`,
+    title: () => `${getDisplayName(account)} (@${account.acct})`,
   })
 }
 </script>