I have an account system using .NET C# and Vue.js, with the backend and frontend separated. It has been crashing lately, and I think the issue is due to the large amount of data. For each transaction I make, I need to refetch accounts to get the current account balance. I have 13,000 account rows.

commit('SET_ACCOUNTS', data.accounts)

SET_ACCOUNTS (state, accounts: Array<Account>) {
  state.accounts = accounts
}

I store the data in IndexedDB, and there is still plenty of available memory.

The backend has no issues—it fetches data quickly and efficiently. The problem is on the frontend, but I'm not sure how to start debugging or optimizing it.

However, every time I perform a transaction, the system becomes very slow, my CPU usage goes above 90%, and then the page crashes with an "out of memory" error.

Is there any solution I could try?