Properly sort grouped props

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>

1 files changed, 7 insertions, 5 deletions

diff --git a/src/components/ContactDetails.vue b/src/components/ContactDetails.vue
index 38329219..faa1accf 100644
--- a/src/components/ContactDetails.vue
+++ b/src/components/ContactDetails.vue
@@ -279,11 +279,13 @@ export default {
 		 * @returns {Array}
 		 */
 		sortedProperties() {
-			return this.localContact.properties.slice(0).sort((a, b) => {
-				return (
-					rfcProps.fieldOrder.indexOf(a.name) - rfcProps.fieldOrder.indexOf(b.name)
-				)
-			})
+			return this.localContact.properties
+				.slice(0)
+				.sort((a, b) => {
+					const nameA = a.name.split('.').pop()
+					const nameB = b.name.split('.').pop()
+					return rfcProps.fieldOrder.indexOf(nameA) - rfcProps.fieldOrder.indexOf(nameB)
+				})
 		},
 
 		/**