update

frontend/src/components/WuenscheTab.vue

@@ -1,5 +1,6 @@
 <script setup>
 import { computed, reactive, ref } from 'vue'
+import PersonName from './PersonName.vue'
 
 const props = defineProps({
   items: { type: Array, default: () => [] },
@@ -180,7 +181,7 @@ function datum(iso) {
                 <template v-else>
                   <p class="text">{{ w.text }}</p>
                   <p class="meta">
-                    <span :class="{ eigen: w.mine }">{{ w.name || 'Anonym' }}</span>
+                    <span :class="{ eigen: w.mine }"><PersonName :name="w.name" /></span>
                     <span class="punkt">·</span>{{ datum(w.created_at) }}
                     <template v-if="w.done_at">
                       <span class="punkt">·</span>erledigt
@@ -200,7 +201,7 @@ function datum(iso) {
 
                 <div v-if="aufgeklappt.has(w.id)" class="notizen">
                   <p v-for="n in w.notes" :key="n.id" class="notiz">
-                    <span class="wer" :class="{ eigen: n.mine }">{{ n.name || 'Anonym' }}</span>
+                    <span class="wer" :class="{ eigen: n.mine }"><PersonName :name="n.name" /></span>
                     <span class="notiz-text">{{ n.text }}</span>
                     <button
                       v-if="host"