Changes by timo

frontend/src/pages/sich-gutes-tun/powerups/[powerupId]/index/messages.vue

@@ -8,10 +8,11 @@
   <div ref="messageList" class="message-list">
     <div v-for="message in messages" :key="message.id" class="message">
       <short-profile class="message__sender" :user="message.sender">
-        <template #in-meta>{{ message.createdAt }}</template>
+        <template #in-meta>{{ fromNow(message.createdAt) }}</template>
       </short-profile>
       <div class="message__body">{{ message.body }}</div>
     </div>
+    <!-- /message -->
     <div ref="endOfMessageList"></div>
   </div>
   <form class="" @submit.prevent="createNewMessage()">
@@ -28,6 +29,8 @@ import {
   useListPowerupMessagesQuery,
 } from '~/graphql/urqlOperations';
 import { $computed } from 'vue/macros';
+import { fromNow } from '~/utils/time'
+
 
 const route = useRoute();
 let messageList = $ref<HTMLDivElement>();