Kapselung von Domänenmodellen mit ES6-Klassen und Vue-Reaktivität

import { reactive } from 'vue';
 
class UserAccount {
  #balance = 0;
  constructor(name, initialBalance = 0) {
    this.name = name;
    this.#balance = initialBalance;
  }
 
  get balance() {
    return this.#balance;
  }
 
  deposit(amount) {
    if (amount <= 0) throw new Error('Amount must be positive');
    this.#balance += amount;
  }
}
 
export function useAccount(name, initialDeposit) {
  const account = reactive(new UserAccount(name, initialDeposit));
  return { account };
}