trigger member print and display

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

@@ -9,6 +9,10 @@
           {{ activeMemberObj?.lastname }}, {{ activeMemberObj?.firstname }}
           {{ activeMemberObj?.nameaffix ? `- ${activeMemberObj?.nameaffix}` : "" }}
         </h1>
+
+        <div title="Mitgliederliste drucken" @click="openPrintModal">
+          <DocumentTextIcon class="w-5 h-5 cursor-pointer" />
+        </div>
         <RouterLink v-if="can('update', 'club', 'member')" :to="{ name: 'admin-club-member-edit' }">
           <PencilIcon class="w-5 h-5" />
         </RouterLink>
@@ -49,7 +53,7 @@ import { mapActions, mapState } from "pinia";
 import MainTemplate from "@/templates/Main.vue";
 import { RouterLink, RouterView } from "vue-router";
 import { useMemberStore } from "@/stores/admin/club/member/member";
-import { PencilIcon, TrashIcon } from "@heroicons/vue/24/outline";
+import { PencilIcon, TrashIcon, DocumentTextIcon } from "@heroicons/vue/24/outline";
 import { useModalStore } from "@/stores/modal";
 import { useAbilityStore } from "@/stores/ability";
 </script>
@@ -87,6 +91,11 @@ export default defineComponent({
         parseInt(this.memberId ?? "")
       );
     },
+    openPrintModal() {
+      this.openModal(
+        markRaw(defineAsyncComponent(() => import("@/components/admin/club/member/MemberPrintModal.vue")))
+      );
+    },
   },
 });
 </script>