# Plan: Issue #24 - Member detail Vue component ## Summary Replace placeholder MemberDetail.vue with full tabbed detail view. Create MemberForm.vue for editing personal data. Include sub-entity management for addresses, phones, emails. Show computed fields (Alter, Mitgliedsdauer). Tabs for future features are placeholders. ## Steps 1. Replace `src/views/MemberDetail.vue` with full implementation 2. Create `src/components/MemberForm.vue` for personal data editing 3. Create `src/components/SubEntityList.vue` for reusable sub-entity management 4. Update Pinia store with sub-entity API methods ## AC Checklist 1. [ ] MemberDetail.vue with tabbed layout 2. [ ] Personlich tab shows all personal fields 3. [ ] Edit mode with save/cancel 4. [ ] Address, phone, email management (add/edit/remove) 5. [ ] KV fields only for role=Mitglied 6. [ ] Derived fields: Alter, Mitgliedsdauer 7. [ ] Placeholder tabs for Familie, Beitrag, Lager, Verletzungen, Dateien, Verlauf 8. [ ] New member creation flow