salutation management views

src/views/admin/club/members/MemberEdit.vue

@@ -15,7 +15,7 @@
             <ListboxButton
               class="rounded-md shadow-sm relative block w-full px-3 py-2 border border-gray-300 focus:border-primary placeholder-gray-500 text-gray-900 rounded-b-md focus:outline-none focus:ring-0 focus:z-10 sm:text-sm resize-none"
             >
-              <span class="block truncate w-full text-start"> {{ member.salutation }}</span>
+              <span class="block truncate w-full text-start"> {{ member.salutation.salutation }}</span>
               <span class="pointer-events-none absolute inset-y-0 right-0 flex items-center pr-2">
                 <ChevronUpDownIcon class="h-5 w-5 text-gray-400" aria-hidden="true" />
               </span>
@@ -136,6 +136,7 @@ export default defineComponent({
   },
   mounted() {
     this.fetchItem();
+    this.fetchSalutations();
   },
   beforeUnmount() {
     try {
@@ -144,6 +145,7 @@ export default defineComponent({
   },
   methods: {
     ...mapActions(useMemberStore, ["fetchMemberByActiveId", "updateActiveMember"]),
+    ...mapActions(useSalutationStore, ["fetchSalutations"]),
     resetForm() {
       this.member = cloneDeep(this.activeMemberObj);
     },

src/views/admin/club/members/MemberOverview.vue

@@ -7,7 +7,7 @@
       </div>
       <div>
         <label for="salutation">Anrede</label>
-        <input type="text" id="salutation" :value="activeMemberObj.salutation" readonly />
+        <input type="text" id="salutation" :value="activeMemberObj.salutation.salutation" readonly />
       </div>
       <div>
         <label for="firstname">Vorname</label>