Initial Nuxt frontend import

- Complete GGZ Ecademy Nuxt.js user portal
- Learning products browser and management
- Member management interface
- User authentication and roles
- Multi-language support (NL/EN)
- Vuex store for state management
- Component-based architecture

util/Name.js

@@ -0,0 +1,56 @@
+export default class Name {
+  constructor(
+    salutation,
+    nameFirst,
+    nameMiddle,
+    nameLast,
+    initials,
+  ) {
+    this.salutation = this._sanitizeNamePart(salutation);
+    this.nameFirst = this._sanitizeNamePart(nameFirst);
+    this.nameMiddle = this._sanitizeNamePart(nameMiddle);
+    this.nameLast = this._sanitizeNamePart(nameLast);
+    this.initials = this._formatInitials(this._sanitizeNamePart(initials));
+  }
+
+  static fromContactPersonItem(item) {
+    return new this(
+      item.salutation,
+      item.firstname,
+      item.middlename,
+      item.lastname,
+      item.initials,
+    );
+  }
+
+  _sanitizeNamePart(value) {
+    if (this._isNamePartValid(value)) {
+      return value.trim();
+    } else {
+      return '';
+    }
+  }
+
+  _isNamePartValid(value) {
+    return typeof value === 'string' && value.length;
+  }
+
+  _formatInitials(initials) {
+    return initials.replace(/[^a-zA-Z]/g, '')
+      .toUpperCase()
+      .split('')
+      .map(x => `${x}.`)
+      .join('');
+  }
+
+  get nameFull() {
+    const nameParts = [
+      this.salutation,
+      this.initials || this.nameFirst,
+      this.nameMiddle,
+      this.nameLast,
+    ];
+
+    return nameParts.filter(x => x).join(' ');
+  }
+};